Looking for css Answers? Try Ask4KnowledgeBase
Looking for css Keywords? Try Ask4Keywords

CSSセレクタ


前書き

CSSセレクタは、特定のHTML要素をCSSスタイルのターゲットとして識別します。このトピックでは、CSSセレクタがHTML要素をターゲットとする方法について説明します。セレクタは、要素、クラス、ID、疑似要素と疑似クラス、パターンなど、CSS言語で提供される50以上の選択メソッドを幅広く使用します。

構文

  • #id
  • クラス名
  • 擬似クラス名
  • :: pseudo-elementname
  • [ attr ] / *にはattr属性があります。 * /
  • [ attr = " value "] / *はattr属性を持ち、その値は正確に " value "です。 * /
  • [ attr〜 = " value "] / *はattr属性を持ち、その値は空白で分割されたときに " value "を含みます 。 * /
  • [ attr | = " value "] / *はattr属性を持ち、その値は正確に " value "である 、値は " value - "で始まります。 * /
  • [ attr ^ = " value "] / *はattr属性を持ち、その値は " value "で始まります 。 * /
  • [ attr $ = " value "] / *はattr属性を持ち、その値は " value "で終わります 。 * /
  • [ attr * = " value "] / *はattr属性を持ち、その値には " value "が含まれています 。 * /
  • 要素名
  • *

備考

  • 時にはあなたは、二重のコロン(表示されます:: ()の代わりに、1つだけ: )。これは疑似クラス疑似要素から分離する方法です。
  • (Internet Explorer 8のような古いブラウザでは、単一コロンをサポート:擬似要素を定義するため)。
  • 擬似クラスとは異なり、セレクタごとに1つの擬似要素しか使用できません。セレクタの主語を表す単純なセレクタのシーケンスの後に現れなければなりません( W3C仕様の将来のバージョンではセレクタごとに複数の擬似要素)。

セレクタ 関連する例