このページの短縮URL(リンク用) §03-09…CSSの優先順序2【参考学習・id属性について】 – オンライン無料パソコン講座 | PCセミナー

§03-09…CSSの優先順序2【参考学習・id属性について】

(01) class属性と同様に扱える属性として、id属性があります。ただしHTMLファイル内で一度使ったid属性値は同じファイル内では使えません。class属性値のように同じページ内で重複値は取り扱えません。

<h2 id="kamoku">主要3科目</h2>

(02) cssにおいてid属性値を指定したセレクタを作成する場合には、「要素名#属性名」とします。「#」は半角です。「h2#kamoku」のように指定します。

h2#kamoku{
padding:1.5em;
}

(03) id属性はもっとも特定性が高くなります。優先順位は100ptで計算されます。

h2#kamoku→101pt(1+100)
table#kakaku tr td.money→113pt(1+100+1+1+10)