"foo包含bar"的CSS选择器？

Question

可能重复:
是否有CSS父选择器？

有没有办法使CSS选择器匹配以下？

All OBJECT elements
  which have a PARAM element inside of them

选择器

OBJECT PARAM

不起作用,因为它匹配PARAM,而不是OBJECT.我想将{display:none}应用于对象; 将它应用于PARAM是没用的.

(我知道我可以用jQuery - $("object param").closest("object")和VanillaJS - 来解决这个问题document.querySelector("object param").closest("object")- 但我正在尝试在页面上创建CSS规则.)

Answer 1

不,你要找的东西将被称为父选择器.CSS没有; 它们被多次提出,但我知道没有现有或即将出现的标准,包括它们.你是正确的,你需要使用像jQuery之类的东西或使用额外的类注释来实现你想要的效果.

以下是一些类似的问题,结果相似:

• 有一个CSS父选择器吗？
• CSS父/祖先选择器
• 活动子的父级的复杂CSS选择器

Answer 2

唯一接近的是:containsCSS3中的伪类,但它只选择文本内容,而不是标签或元素,所以你运气不好.

在jQuery中选择具有特定子节点的父节点的简单方法可以写为(with :has()):

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