如何在CSS模块中覆盖样式?

发布于 2025-02-12 07:34:05 字数 715 浏览 0 评论 0原文

以下是一个示例:

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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文