84669 人が学習中
152542 人が学習中
20005 人が学習中
5487 人が学習中
7821 人が学習中
359900 人が学習中
3350 人が学習中
180660 人が学習中
48569 人が学習中
18603 人が学習中
40936 人が学習中
1549 人が学習中
1183 人が学習中
32909 人が学習中
rree
注: は動的にすることができます。 H2 は親タグであり、同じタグにスタイルを適用しており、それを子タグにも適用したいと考えています ()。
JSX スタイル属性は、HTML スタイル属性に似ています。 style 属性と属性はどちらも CSS プロパティのみを受け入れます。したがって、セレクター、疑似要素、または疑似クラスの使用は許可されません。
以下を置き換えます:
以上:
ただし、h2 要素のスタイルのみを定義したいため、さらに多くのオプションがあります:
CSS/SCSS
そのうち、
ファイルには が含まれています リーリー ネストされた場合でも (.scss などのプリプロセッサを使用する場合)
が含まれています リーリー
JS 内の CSS
のような CSS-in-JS を使用できます。 詳細はこちら リーリー
詳細はこちら
JSX スタイル属性は、HTML スタイル属性に似ています。 style 属性と属性はどちらも CSS プロパティのみを受け入れます。したがって、セレクター、疑似要素、または疑似クラスの使用は許可されません。
スタイル属性の使用
以下を置き換えます:
リーリー ###そして:### リーリー以上:
リーリーただし、h2 要素のスタイルのみを定義したいため、さらに多くのオプションがあります:
CSS/SCSS
別のファイルで CSS を使用する:
リーリーそのうち、
.your-css.cssファイルには
リーリーが含まれています リーリー
ネストされた場合でも (.scss などのプリプロセッサを使用する場合)JS 内の CSS
より「React」なソリューションを検討すると、
styled-componentsのような CSS-in-JS を使用できます。
詳細はこちら
リーリー