CSS セレクターは特定の子要素を含む要素を識別できますか?

特定の子要素を含む要素の CSS セレクター

クエリ:

CSS はありますか特定の子を含む要素を識別できるセレクターelements?

説明:

PARAM 子要素を持つすべての OBJECT 要素を照合し、それらに CSS ルールを適用したいとします。

答え:

いいえ、ネイティブ CSS セレクターはありません。子要素に基づいて要素を照合します。親セレクターは提案されているもののまだ標準化されていないため、CSS には含まれていません。

代替ソリューション:

• jQuery: Closest() メソッドを使用して、特定の子を持つ最も近い祖先要素を検索しますelement.

  $("object param").closest("object")

  ログイン後にコピー

• バニラ JavaScript: 同じ祖先要素を検索するには、querySelector() メソッドを使用します。

  document.querySelector("object param").closest("object")

  ログイン後にコピー
• 追加のクラス アノテーション: 親要素にアノテーションを付けます。子要素を識別するための特定のクラス。

関連質問:

• CSS 親セレクターはありますか?
• CSS 親/Ancestor Selector
• アクティブな親の複雑な CSS セレクター子供

以上がCSS セレクターは特定の子要素を含む要素を識別できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。