css - 突出显示每隔 2 行的样式表

标签 css

我一直在阅读有关 css3 的第 n 个子项的信息,但无法弄清楚如何在其中设置表格样式 第 3,4 行 | 7,8 | 11,12 | 15,16等是黄色的。 基本上每隔两行设置样式。

谢谢

最佳答案

合并以下内容:

  • 从第 3 行开始每隔 4 行,即 nth-child(4n+3)
  • 从第 4 行开始每隔 4 行 (nth-child(4n+4)) - 它也可以只是 nth-child(4n):
table tr:nth-child(4n+3) td, table tr:nth-child(4n+4) td {
    background: red;
}

DEMO

关于css - 突出显示每隔 2 行的样式表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18446450/

相关文章:

javascript - Lightbox 克隆的多个样式表

css - clip-path:circle() 半径似乎没有正确计算

php - 如何即时反射(reflect)变化的排名?

javascript - 图像的 3D 效果

javascript - 无法通过 jquery 监听器将 html 表单链接到 javascript 函数

css - Blackberry Bold 浏览器 - h3(可点击元素) - 浏览器插入蓝色背景

css - Safari 是否支持带有视口(viewport)单位的 calc()?

html - bootstrap 4 输入中的 ionicons

javascript - 如何计算平均字符宽度

css - 何时使用 "!important"来挽救局面(使用 CSS 时)