如何在CSS模块中覆盖样式?
以下是一个示例:
component.module.css
.container {...}
.content {...}
component.tsx
import style from './Component.module.css'
function Component() {
return (
<div className={style.container}>
<div className={style.content}></div>
</div>
)
}
app.tsx
import Component from './Component'
import style from './App.module.css'
function App() {
return (
<div className={style.app}>
<Component/>
</div>
)
}
app.module.css
.app{
// how to override .content
}
如何在app.module.css中覆盖.content
。
here is an example:
Component.module.css
.container {...}
.content {...}
Component.tsx
import style from './Component.module.css'
function Component() {
return (
<div className={style.container}>
<div className={style.content}></div>
</div>
)
}
App.tsx
import Component from './Component'
import style from './App.module.css'
function App() {
return (
<div className={style.app}>
<Component/>
</div>
)
}
App.module.css
.app{
// how to override .content
}
how to override .content
in App.module.css?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论