第n个孩子表达式选择X和拦截元件

Question

我遇到了一些问题，今天早些时候得到的CSS规则nth-child规则，我终于想通了。

我想对一个列表进行样式设置，以便过去第X个元素的每个元素都将被样式化。我认为这个公式会很复杂，结果比我想象的要容易！

Answer 1

令人惊讶的简单。你只需要像这样的选择：

n+<ELEMENT_INDEX_PLUS_ONE>

所以，如果你想选择第三个以后每格有一个红色的背景...

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

说你希望10日列表项和最多出现残疾...

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

希望这有助于如果你想获得一个CSS选择器来获取X数字后的所有元素。