大佬教程收集整理的这篇文章主要介绍了CSS选择：如何统计和选择特定类的子级？，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
<div class="h2">title: Colors</div> <div class="pair">Hello world (1)</div> <div class="pair">Hello world (2)</div> <div class="pair">Hello world (3)</div> <div class="pair">Hello world (4)</div> <div class="pair">Hello world (5)</div> <div class="pair">Hello world (6)</div> <div class="h2">title: Units</div> <div class="pair">Hello world (1)</div> <div class="pair">Hello world (2)</div> <div class="pair">Hello world (3)</div> <div class="pair">Hello world (4)</div> <div class="pair">Hello world (5)</div> <div class="pair">Hello world (6)</div>
如何从前一个.h2元素开始选择n 3和n 4 .pair元素？
因此1& 2是白色,3& 4是粉红色,5& 6是白色等.
我试过.pair：nth-child(4n 3),. pair：nth-child(4n 4){BACkground：#FFAAAA;但它计算身体的孩子.h2也是孩子,从而打破了我的平衡.
编辑：没有找到纯CSS选择器来选择类型之后的相邻项目,例如.class(n 3).或者,一系列无限的CSS选择器,例如div .class .class .class …;在div中包装：nth-child(n 3)或：nth-of-type(n 3);或需要Js.你知道另一个黑客吗？欢迎分享！
从我的jsFiddle复制函数并使用如下：
var pair1 = findCousin('h2','pair','4n+2');
var pair2 = findCousin('h2','4n+3');
var s = pair1.add(pair2);
您可以更改h2并配对两个不同的类名,或者使用不同的模式,只要它有#n,并且可选#就像css nth子选择器一样.将false添加为第四个参数……
findCousin('list-title','list-item','3n',falsE);
…将在给定模式中的第一个列表标题之后选择所有内容,而不是在每个列表项之后….如果这有意义.
我相信sh0ber已经写了一个更实用的解决方案,但这很有趣,我也可以分享.
以上是大佬教程为你收集整理的CSS选择：如何统计和选择特定类的子级？全部内容，希望文章能够帮你解决CSS选择：如何统计和选择特定类的子级？所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。