3.:has(selector)过滤选择器

除了在上一小节介绍的使用包含的字符串内容过滤元素之外，还可以使用包含的元素名称来过滤，:has(selector)过滤选择器的功能是获取选择器中包含指定元素名称的全部元素，其中selector参数就是包含的元素名称，是被包含元素。

例如：获取指定包含某个元素名的全部<li>元素，并改变它们显示文字的颜色，如下图所示：

在浏览器中显示的效果：

可以看出，通过使用$("li:has('p')")选择器代码，获取了包含<p>元素的全部<li>元素，并通过css方法改变了这些元素在页面中显示的文字样式。

任务

我来试试：亲自寻找“L妹纸”

在页面第18行处，使用:has(selector)选择器，获取包含<label>名称的全部<li>元素，并改变它们显示的背景色。

转载于:https://www.cnblogs.com/binhuguang/p/4326425.html