首页 > 其他 > 详细

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

时间:2015-03-10 18:57:54      阅读:287      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!