web-dev-qa-db-ja.com

"barを含むfoo"のCSSセレクター？

可能な重複：
CSSの親セレクタはありますか？

以下に一致するCSSセレクタを作る方法はありますか？

All OBJECT elements
  which have a PARAM element inside of them

セレクター

OBJECT PARAM

oBJECTではなく、PARAMと一致するため、機能しません。オブジェクトに{display：none}を適用したいのですが。それをPARAMに適用するのは無駄です。

（私はjQuery - $("object param").closest("object") - とVanillaJS - document.querySelector("object param").closest("object")でこれをやめることができることを知っていますが、私はページ上にCSSルールを作成しようとしています。）

csscss-selectors
370
Michael Gundlach

いいえ、探しているものは親セレクタと呼ばれます。 CSSにはありません。それらは何度も提案されてきましたが、私はそれらを含む既存のまたは今後の標準がないことを知っています。あなたが望む効果を達成するためにあなたがjQueryのような何かを使用するか、追加のクラスアノテーションを使用する必要があるだろうということは正しいです。

これは似たような結果を持ついくつかの似た質問です：

260
Michael Greene

CSS3の:contains疑似クラスだけが近づいていますが、それはテキストのコンテンツのみを選択し、タグや要素は選択しないので、不運です。

JQueryで特定の子を持つ親を選択するより簡単な方法は、（with :has() ）と書くことができます。

$('#parent:has(#child)');
100
Tatu Ulmanen