nth-child表达式选择X和Up元素

时间:2013-06-18 21:44:46

标签: css3 css-selectors

我今天早些时候遇到了一些问题,得到了css规则nth-child规则,我终于明白了。

我想设置一个列表样式,以便为每个过去第X个元素的元素设置样式。我认为公式会很复杂,最终会比我想象的更容易!

1 个答案:

答案 0 :(得分:0)

令人惊讶的简单。你只需要一个这样的选择器:

n+<ELEMENT_INDEX_PLUS_ONE>

所以,如果你想在第三个之后选择每个div有红色背景......

div:nth-child(n+4){ background-color: red; }

假设您想要第10个列表项并且最近显示为禁用...

li:nth-child(n+10){ opacity: .4; }

希望如果你想获得一个能够获得X号后所有元素的CSS选择器,这会有所帮助。