如何使用CSS或jQuery跳过前N个元素?

佩佩

我知道CSS的“子”方法,但是这些方法仅适用于单个div或具有相同设置而不适用于组的div。

我想运行从div#7到最后一个脚本。问题是所有div具有相同的结构(这是必需的)。

例:

<div class"my_div">Some Text</div>
<div class"my_div">Some Text</div>
<div class"my_div">Some Text</div>
<div class"my_div">Some Text</div>
<div class"my_div">Some Text</div>
<div class"my_div">Some Text</div>
<div class"my_div">Some Text</div> <!-- from this point on all divs should have a certain style applied -->
<div class"my_div">Some Text</div>
<div class"my_div">Some Text</div>
<!-- ... -->
<div class"my_div">Some Text</div>

有没有办法说类似的话.my_div:eq(7-999)

舍甫琴科(Dmytro Shevchenko)

您可以使用jQuery的slice方法:

$('.my_div').slice(6)

纯CSS方法是第n个子选择器:

.my_div:nth-child(n+6)

现代浏览器似乎支持它:http : //caniuse.com/#feat=css-sel3

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章