Как использовать глобальные классы css - модули css

Question

Я использую модули css для моего проекта reactjs. Вот мой файл, в котором я пытаюсь использовать глобальные классы 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'; 
} 

должны работать для вас