我如何使用：全局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'; 
} 

應該爲你工作