CSS 是否有类似 jQuery 的：has()？

Question

在 CSS （任何版本）中，是否有类似的东西，或任何其他方式来做类似 jQuery 中的:has()选择器的事情？

jQuery(':has(selector)')

描述：选择至少包含一个与指定选择器匹配的元素的元素。

http://api.jquery.com/has-selector/

Answer 1

不，没有。 CSS 的设计方式，不允许匹配祖先或前兄弟的选择器； 只有后代（ 和> ），后续的兄弟姐妹（ ~和+ ）或特定的孩子（ :*-child ）。 唯一的祖先选择器是:root伪类，它选择文档的根元素（在 HTML 页面中，自然是html ）。

If you need to apply styles to the element you're querying with :has() , you need to add a CSS class to it then style by that class, as suggested by Stargazer712 .

Answer 2

不。实现此目的的最佳方法是使用 jQuery：

Css 文件：

.myAwesomeClass {
    ...
}

.js文件：

jQuery(':has(selector)').addClass("myAwesomeClass")

其中selector是您最初尝试匹配的内容。