css - 我如何使用：全局 css 类 - css 模块

Question

我正在为我的 reactjs 项目使用 css 模块。这是我尝试使用全局 css 类的文件：

<div class='site-wrapper'></div>
<div class='site-wrapper-title'>Hello World</div>

这是我的styles.css

:global{
    .site-wrapper {
        color: 'green';
    }
    .site-wrapper-title {
        color: 'red';
    }   
}

但它不起作用。我认为我在导入时犯了错误。如何导入全局 css，然后在我的应用程序中使用它？

好吧，我是新手，很抱歉犯了愚蠢的错误。

score 3 · Accepted Answer

:global .site-wrapper{
  color: 'green';
}

:global .site-wrapper-title {
  color: 'red';   
}

或者

:global(.site-wrapper){
  color: 'green';
}

:global(.site-wrapper-title) {
  color: 'red';   
}

应该为你工作

1 回答 1