php - 使用 CSS 创建多种背景颜色

Question

我正在处理一张桌子，我需要的不仅仅是“tr”的两种背景颜色。我现在使用的是：

.forum_table tr:nth-child(odd) { 
background-color:#f6f6f6; 
}

.forum_table  tr:nth-child(even) { 
background-color:#ffffff; 
}

但是对于同一张桌子，我最多需要 5 种不同的背景颜色。有什么办法可以用 CSS 做到这一点，还是我需要用我不太擅长的 PHP 做到这一点？

Answer 1

你可以做类似的事情

演示

table tr:nth-of-type(5n+1) {
    background: #f00;
}

table tr:nth-of-type(5n+2) {
    background: #0f0;
}

table tr:nth-of-type(5n+3) {
    background: #5d54fd;
}

table tr:nth-of-type(5n+4) {
    background: #564844;
}

table tr:nth-of-type(5n+5) {
    background: #00f;
}

说明： using(int)n将选择每个+ nth tr元素，这样您可以选择n颜色组合的数量，而不仅仅是奇数和偶数

Answer 2

:nth-child(kn)[哪里k是整数] 选择器是你的英雄：

.forum_table  tr:nth-child(n){ ... }
.forum_table  tr:nth-child(2n){ ... }
.forum_table  tr:nth-child(3n){ ... }
...
.forum_table  tr:nth-child(kn){ ... }