码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2015-03-10 19:01:12      阅读:207      评论:0      收藏:0      [点我收藏+]

标签:

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

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

技术分享

在浏览器中显示的效果:

技术分享

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

任务

我来试试:亲自寻找“L妹纸

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

技术分享

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

标签:

原文地址:http://www.cnblogs.com/binhuguang/p/4326425.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!