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

親子関係の CSS セレクター

質問:

どのように作成しますか?特定の子を含む親要素と一致する CSS セレクターelement?

Background:

単純なセレクター (例: OBJECT PARAM) を使用した param 要素を含むオブジェクト要素のマッチングは、param 要素をターゲットにしているため失敗します。

答え:

特に、CSS には親セレクターがありません。この機能は繰り返し提案されていますが、現在または将来の標準では利用できないままです。

望ましい動作を実現するには、代替手段が必要です。採用:

• jQuery/JavaScript:

  • $("object param").closest("object")
  • document.querySelector("オブジェクトparam").closest("object")

• CSS 回避策:

  • 親を容易にするために追加のクラス アノテーションを導入する-CSS 内の子ターゲティングrules.

追加リソース:

この制限の詳細については、次のリソースを参照してください:

• [CSS 親はありますか?セレクター?](https://stackoverflow.com/questions/3398742/is-there-a-css-parent-selector)
• [CSS 親/祖先セレクター](https://codereview.stackexchange. com/questions/8989/css-parent-ancestor-selector)
• [親の複雑な CSS セレクターアクティブな子](https://stackoverflow.com/questions/26492566/complex-css-selector-for-parent-of-active-child)

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