CSS有没有像jQuery的那样：has（）？

在CSS（任何版本）中，是否有类似于jQuery中的:has()选择器的任何其他方式？

jQuery(':has(selector)')

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

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

Answer 1

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

如果你需要将样式应用于你正在查询的元素:has() ，你需要为它添加一个CSS类，然后按照Stargazer712的建议由该类进行样式设置。

Answer 2

不。实现这一目标的最佳方法是使用jQuery：

Css文件：

 .myAwesomeClass { ... } 

Js文件：

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

selector是你最初想要匹配的东西。