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

标签 css css-selectors

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

我想设置一个列表的样式,以便第 X 个元素之后的每个元素都设置样式。我以为公式会很复杂,结果比我想象的要简单!

最佳答案

做起来非常简单。您只需要这样的选择器:

n+<ELEMENT_INDEX_PLUS_ONE>

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

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

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

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

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

关于css - nth-child 表达式选择 X 和 Up 元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17179536/

相关文章:

javascript - UI 自动化中选择器的 self 修复

css3 last-child 语法不起作用

java - 如何通过 Selenium 根据 HTML 提取跨度内的文本 209.520?

javascript - Angular 2 自定义数据验证 - 改变风格

html - 仅使用 CSS 根据屏幕高度缩放字体大小

iphone - 在 iPhone 和 iPad 版 Chrome 上进行 translate3d 期间图像消失

css - 为什么 'foo bar' 和 'foo > bar' 在 CSS 中具有相同的特异性?

html - CSS 替代表格行

css - 在 Angular 中将通用 CSS 放在哪里

javascript - 将 id 放入父元素