11.CSS基礎:選択者

3205 ワード

一つだけスタイルを変えたいなら?


選択者を使用!id="어쩌구저쩌구"idのstyleを変更する場合は、id名の前に#を付けます.#first{...}
<style>
    .js{
      font-weight: bold;
      color:red;
    }
    #first{
      color:green;
    }
  </style>
...
<span id="first" class="js">JavaScript</span>
IDがfirstのJavaScript部分がCSSで緑に変更されました!
🤔 : どうしたんですか.
idの優先度はclassより高いからです.classはidより要約されています.
🤔 : すべて等級を指定して、どうしてまたこの事をしますか?...
時には一つの要素をつかんでスタイルを変えたいだけだからだ.

あるラベルに囲まれた部分のスタイルを変えたいなら?

<style>
    .js{
      ...
    }
    #first{
      ...
    }
    span{
      color:blue;
    }
  </style>
今、spanタグで囲まれた部分のテキスト色が青になりました!
タグのスタイルを変更する場合.私は#を必要としません.