css - nth-child 表达式选择 X 和向上元素

Question

我今天早些时候在获取 css 规则nth-child规则时遇到了一些问题，我终于弄明白了。

我想设置一个列表的样式，以便为第 X 个元素之后的每个元素设置样式。我以为公式会很复杂，结果比我想象的要容易！

Answer 1

做起来出奇的简单。你只需要一个像这样的选择器：

n+<ELEMENT_INDEX_PLUS_ONE>

因此，如果您想选择第三个之后的每个 div 以具有红色背景...

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

假设您希望第 10 个及以上的列表项显示为禁用...

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

如果您希望获得一个 CSS 选择器来获取 X 编号之后的所有元素，希望对您有所帮助。