0

私の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 をインポートしてアプリケーションで使用するにはどうすればよいですか?

さて、私は初心者なので愚かな間違いをお詫び申し上げます。

4

1 に答える 1

3 

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

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

また

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

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

あなたのために働くべきです

于 2016-09-06T12:10:05.963 に答える