WEBエンジニア
css 分類

さまざまな種類のセレクタ

投稿者情報

  • 運営局 投稿
  • 投稿日

コンテンツ情報

本文内容

多くのさまざまな種類のセレクタがあります。上の項目では、特定のHTMLドキュメント内の特定のタイプのすべての要素を選択する要素セレクタだけを取り上げました。しかしそれ以上に細かい選択をすることができます。一般的なタイプのセレクタを次に示します。

 

セレクタ名 何を選択するか
要素セレクタ (時々タグまたは型セレクタと呼ばれます) 指定された型のすべての HTML 要素 p
<p> を選択
ID セレクタ ページ上の指定された ID を持つ要素。 特定のHTMLページでは、1つのIDにつき1つの要素(そしてもちろん1つの要素につき1つのID)しか許されません。 #my-id
<p id="my-id"> または <a id="my-id"> を選択
クラスセレクタ 指定されたクラスを持つページの要素 (複数のクラスインスタンスがページに表示されます) .my-class
<p class="my-class"> 及び <a class="my-class"> を選択
属性セレクタ 指定された属性を持つページ上の要素 img[src]
<img src="myimage.png"> を選択するが、<img> は選択しない
擬似クラスセレクタ 指定された要素が指定された状態にあるとき。例えば、マウスポインターが上に乗っている (ホバー) 状態。 a:hover
<a> を選択するが、マウスポインターがリンク上にあるときのみ。

セレクタの種類は多く、セレクタガイドに詳しい説明されております。

関連資料

新着投稿


  • 投稿がありません。

新着書込み


  • 書込みがありません。
アラート 0