CSS3 セレクターにはさまざまなタイプがあり、さまざまな要素属性、構造的関係、または状態に基づいて要素を選択できます。以下では、一般的に使用される CSS3 セレクターの種類をいくつか紹介し、具体的なコード例を示します。
#要素セレクター: p 要素を例として、要素名をセレクターとして使用します:
p { color: red; }
クラス セレクター: . で始まるクラス名をセレクターとして使用します。ここでは例としてクラスを持つ要素を取り上げます:
.example { font-size: 16px; }
#title { font-weight: bold; }
[data] { background-color: yellow; }
[data="example"] { color: blue; }
[data^="test"] { text-decoration: underline; }
.parent :nth-child(3) { background-color: green; }
.parent :first-child { font-style: italic; }
.example:hover { background-color: orange; }
.example:active { color: purple; }
以上がさまざまな種類の CSS3 セレクターの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。