어떻게 사용할 수 있습니까? global css classes - css modules

Question

내 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 클래스를 사용하기 위해 노력하고있어 내 파일입니다. 나는 수입에 실수를하고 있다고 생각한다. 글로벌 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'; 
} 

는

을 위해 일한다