CSS中如何根据子元素选择父元素？

用于父子关系的 CSS 选择器

问题：

如何创建一个匹配包含特定子元素的父元素的 CSS 选择器element?

背景：

使用简单选择器（例如 OBJECT PARAM）匹配包含 param 元素的对象元素会失败，因为它的目标是 param 元素

答案：

值得注意的是，CSS 缺少父选择器，这一功能已被反复提出，但在任何当前或预计的标准中仍然不可用。

为了实现所需的行为，替代方案必须是已使用：

• jQuery/JavaScript：

  • $("object param").closest("object")
  • document.querySelector("对象param").closest("object")

• CSS 解决方法：

  • 引入额外的类注释以方便家长- CSS 中的儿童定位

其他资源：

请参阅以下资源以进一步了解此限制：

• [有 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中文网其他相关文章！