:CSS选择器的问题_html/css_WEB-ITnose
网页中有个类叫做 class1, 这是唯一能识别网页的东西,只出现一次。他的子元素的子元素...(四级)之后有多个并列的元素(有网页内唯一的ID, p0c1,p0c2,...)需要分别做不同的修改。
information
我试了两种方法都有问题:
1、直接使用ID。但这将和网站的其他网页冲突(结构类似,有重复的ID)
2、使用class1 :nth-child(1) :nth-child(3) :nth-child(1) :nth-child(1) 。但是选择器用一个nth-child的时候不仅选了第n个子元素,还选了第n个子元素的子元素,造成冲突。
请问,是否有如下方法:
1、在class1的子孙元素中按ID号选择?
2、如何正确的使用nth-child只选择第n个元素而不牵扯其他后代?
各位如果有其他方法,也敬请告知,多谢!
回复讨论(解决方案)
$('.class1 div div div #p0c1')
第二个问题:
我从你代码copy下来的结构结果用这个也行,可能你给的结构有问题所以和你的(:nth-child(1) :nth-child(3) :nth-child(1) :nth-child(1))有点出入,不是大问题
$('.class1 div:nth-child(1) div:nth-child(1) div:nth-child(2) #p0c1')
试验了下这个方法
nth-child(1)
结果可以总结为:
这个nth-child(n) 是针对所有 有父元素的子元素起作用,当然 如果前面用了.class1 div:nth-child(1) div:nth-child(1) div:nth-child(2) 想后面再加一次过滤:nth-child(1) 就是在那一串的结果里的所有层次的子元素(其实就包含了所有子孙)只要符合就都会成为返回结果
举个例子:
div:nth-child(2)
如果直接用这个来做选择器,那整个HTML里 满足一下几点的所有元素都会成为结果
1. 这个有父元素
2. 这个子元素排行第二,有一个哥哥
3. 这个元素是 div
是的,第二个nth-child的解释我明白了,确实比较头疼。好在第一个好像能用。我晚上有空该好程序后就能确定是不是好用,先谢谢了。
楼主,你先把结构整理好。 区分不同的东西,可以使用id,id是唯一的。
楼主,你先把结构整理好。 区分不同的东西,可以使用id,id是唯一的。
其他网页也有这个ID,只用ID会冲突的。
$('.class1 div div div #p0c1')
基本上解决了问题,周一到公司还要测试一下,但是应该能用。多谢!
声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
相关文章
相关视频
专题推荐
-
独孤九贱-php全栈开发教程
全栈 170W+
主讲:Peter-Zhu 轻松幽默、简短易学,非常适合PHP学习入门
-
玉女心经-web前端开发教程
入门 80W+
主讲:灭绝师太 由浅入深、明快简洁,非常适合前端学习入门
-
天龙八部-实战开发教程
实战 120W+
主讲:西门大官人 思路清晰、严谨规范,适合有一定web编程基础学习
推荐阅读
-
:CSS选择器的问题_html/css_WEB-ITnose
-
HTML无法关联CSS~!求帮助!_html/css_WEB-ITnose
-
求解决问题,IE8透明度背景跟文字也被透明了_html/css_WEB-ITnose
-
极客学院 发福利啦! 免费一个月 VIP 会员体验。福利福利福利!_html/css_WEB-ITnose
-
CSS:height: 100%失效原因,如何让它生效_html/css_WEB-ITnose
-
数据库的那些章节比较重要_html/css_WEB-ITnose
-
7款震撼人心的HTML5CSS3文字特效_html/css_WEB-ITnose
-
带html标签的查询有关问题
-
CSS之盒子模型与面向对象_html/css_WEB-ITnose
-
解决linux服务器下js和css缓存的问题_PHP教程
网友评论
文明上网理性发言,请遵守 新闻评论服务协议
我要评论