“包含bar的foo的CSS选择器？ [重复]

Question

此问题已经在这里有了答案：

Is there a CSS parent selector?（32个答案）

关闭3分钟前。

是否有一种方法可以使CSS选择器与以下内容匹配？

All OBJECT elements
  which have a PARAM element inside of them

选择器

OBJECT PARAM

无效，因为它匹配PARAM，而不是对象。我想将{display：none}应用于对象；将其应用于PARAM没用。

（（我知道我可以使用jQuery-$("object param").closest("object")-和VanillaJS-document.querySelector("object param").closest("object")-但我正在尝试在页面上创建CSS规则。]

Answer 1

否，您要查找的内容称为父选择器。 CSS没有。他们已经被多次提出，但是我不知道包括它们在内的现有标准或即将出现的标准。您是正确的，您需要使用jQuery之类的东西或使用其他类注释来实现所需的效果。

以下是一些类似的问题，其结果相似：

• Is there a CSS parent selector?
• CSS Parent/Ancestor Selector
• Complex CSS selector for parent of active child

Answer 2

[唯一接近的是CSS3中的:contains伪类，但是它只选择文本内容，而不选择标签或元素，因此您很不走运。

在jQuery中选择带有特定子项的父项的更简单方法可以写成（:has()）：

:has()

Answer 3

您可以通过任何方式以编程方式将类应用于对象吗？

$('#parent:has(#child)');

然后做

<object class="hasparams">