CSS の子要素に基づいて要素を選択するにはどうすればよいですか?

CSS で特定の子要素を持つ要素を選択する

CSS で、特定の子の存在に基づいて要素を選択するにはどうすればよいですかelement?

可能ですか?

残念ながら、CSS2 と CSS3 は親の選択をサポートしていないため、子要素に基づいて要素を選択することはできません。

仕様変更

議論にもかかわらず何年にもわたって、CSS の親セレクターについては合意に達していません。潜在的な変更の概要は次のとおりです:

サブジェクト セレクター (非推奨)

「セレクター レベル 4 ワーキング ドラフト」の古いドラフトでは、「サブジェクト」セレクターの使用が提案されていました。しかし、この機能は放棄されており、実装される予定はありません。

リレーショナル疑似クラス: :has()

より最近の「Selectors Level 4 Editor’s Draft」には、リレーショナル疑似クラスとして「:has()」が含まれています。この疑似クラスを使用すると、作成者はその内容に基づいて要素を選択できます。例:

p:has(span) {
    color: red;
}

このセレクターは、スパン () を含む段落 (

) 要素に赤色を適用します。

注: これらの仕様変更は改訂される可能性があるため、この情報の正確性は異なる場合があります。

以上がCSS の子要素に基づいて要素を選択するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。