MENU

「CSSのルール」誰が一番エライ?学校を例えで学ぶ、セレクタの力関係

今回は「学校のルール」にたとえて、わかりやすく説明します!

目次

CSSの優先順位ってなに?

・同じ場所に複数のCSSがあると、どれか1つだけが有効になる
・それを決めるのが「セレクタの強さ」「優先順位」

学校で例えるセレクタの優先順位

実際のコードで書いてみよう!(html)

・フォルダを作っていない人はフォルダを作ってから始めてね。
フォルダ作り方はこちらから→【 Live Server が表示できない!!】VS code初心者あるある対処法とフォルダ作成の中にある「フォルダを作る」を参照してください

htmファイル名を入れます。

CSSで複数のスタイルを適用させるとどうなるのか?

!important (校長先生)は超最強!

まとめ

・CSSには「どれが強いか」ルールがある
基本の強さ:
 1. !important(校長先生)
 2. #id (生徒会長)
 3. .class (クラス)
 4. タグ名 (全校生徒)
迷ったら「誰が一番エラいか」で考えるとわかりやすい!

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

このブログでは、プログラミング初心者としての挑戦や気づきを記録し、同じように学び始めた方々と知識を共有できたらと思っています。
他の初心者の方が、気軽にプログラミングを始められるような情報を提供することを目標としています。

コメント

コメントする

目次