会員登録すると
学習することができます。
会員登録する（無料）
学習することができます。
登録済みの方はこちら
ログイン
セレクタとclass・idを理解しよう
目安学習時間 15分
学ぶ目的
狙った要素だけにスタイルを当てる
「このボタンだけ色を変えたい」というとき使うのがclassとidです。classは.button、idは#headerのようにセレクタとして指定します。
classとidの使い分け
classは同じページで何度でも使えますが、idは1ページに1回だけです。再利用する部品にはclassを使うのが基本です。
学ぶ目的
ReactやNext.jsでもclassName属性としてclassを使い続けます。セレクタを正しく書き分けられることは、この先のスタイリングすべての土台になります。
このレクチャーで学ぶこと
- class属性とid属性の違い
- classセレクタ・idセレクタの書き方
- スタイルが競合したときの優先順位
質問
まだ質問は投稿されていません。
質問投稿
ログイン後に質問の投稿ができます。
理解度チェックテストに
合格しました！
おめでとうございます！
HTML/CSS初級
HTML/CSS初級講座
セレクタとclass・idを理解しよう
理解度チェックテストに合格しました！
＼ SNSにシェアする ／
