実現したいこと
reactで、特定のコンポーネントを表示してる時だけ、背景色を変更したいです。
html要素に適用したいのですが、他のコンポーネントを表示してるときは適用しません。
どのしたらいいですか?
該当のソースコード
css
1html { 2 background-color: #CCCCCC 3}
react
1import React from “react”; 2 export const TestTop = () => { 3 return ( 4 <div> 5 この画面に適用 6 </div> 7 ) 8} 9export default TestTop
調べたこと
cssファイルを作成し、以下のようにインポートする方法がやりやすそうだと思いました。
しかし、この方法はdivなどにclassNameを付与して適用するやり方ばかりでした。
今回のコンポーネントは子コンポーネントであることと、htmlに適用したいときってどうやればいいのか調べても出てきません。
style.scss
1test { 2 background-color: #CCCCCC 3}
react
1import React from “react”; 2import styles from './style.scss'; 3 4 export const TestTop = () => { 5 return ( 6 <div className={styles.test}> 7 この画面に適用 8 </div> 9 ) 10} 11export default TestTop
回答1件
あなたの回答
tips
プレビュー