我如何使用：全局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然后在我的应用程序中使用它？

嗯，我是新手，对于愚蠢的错误感到抱歉。

Answer 1

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

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

或

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

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

应该为你工作