Comment utiliser: classes css globales - modules css

Question

J'utilise des modules css pour mon projet reactjs. Voici mon dossier où je suis en train d'utiliser des classes mondiales css:

<div class='site-wrapper'></div> 
<div class='site-wrapper-title'>Hello World</div> 

Voici mon styles.css

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

Mais il ne fonctionne pas. Je pense que je fais une erreur en important. Comment puis-je importer des css globaux et les utiliser dans mon application?

Eh bien, je suis débutant donc désolé pour les erreurs stupides.

Answer 1

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

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

ou

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

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

devrait travailler pour vous