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

【问题标题】：How can I use :global css classes - css modules我如何使用：全局 css 类 - css 模块
【发布时间】：2017-01-13 16:41:48
【问题描述】：

我正在为我的 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，然后在我的应用程序中使用它？

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

【问题讨论】：

【解决方案1】：

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

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

或

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

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

应该适合你

【讨论】：