css - 如何使用 :global css classes - css modules

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

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

Answer 1

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

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

或

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

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

应该适合你