2021/2/18 HTML&CSS辞典をオープンしました! コンテンツは随時更新します!

[CSS] IDセレクタで指定したID名を持つ要素にスタイルを適用しよう!

IDセレクタの評価
頻出度
(5.0)
重要度
(5.0)
総合評価
(5.0)




1.IDセレクタとは?

IDセレクタは、id属性によって特定のid名がつけられた要素を対象にスタイルを適用するセレクタです。

※同じid名を重複して指定することはできないので使用時、注意しましょう。




2.IDセレクタの使い方

それではIDセレクタの使い方をみていきましょう。

・・・

<ul id="menu">
 <li>HOME</li>
 <li>PRODUCT</li>
 <li>COMPANY</li>
 <li>CONTACT</li>
</ul>

・・・
#menu li {
 list-style-type: none;
 display: inline; 
}

上記の例はidセレクタを利用して「リストマーカーをなしにする」、「リスト項目をインライン表示にする」というソースコードになっています。

idはclassよりも優先されるというルールがあるので使用時は注意しましょう!




コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です