Html 跳过表格中奇数和偶数颜色行中的某些行--连续CSS样式

Html 跳过表格中奇数和偶数颜色行中的某些行--连续CSS样式,html,css,html-table,Html,Css,Html Table,我有一个HTML表格,我想要一个奇数/偶数的彩色行序列,但不包括.SectionHeader类,并在它停止的地方继续它的序列样式 tr:not(.SectionHeader):类型的第n个(奇数){ 背景色:#fff; } tr:not(.SectionHeader):类型的第n个(偶数){ 背景色:#f0f9ff; } tr.SectionHeader{背景:红色;} BÖLÜM/项目 2015ÖSYS TABAN GENEL KONTENJAN 2015ÖSYS TAVAN GENEL

我有一个HTML表格,我想要一个奇数/偶数的彩色行序列,但不包括
.SectionHeader
类,并在它停止的地方继续它的序列样式

tr:not(.SectionHeader):类型的第n个(奇数){
背景色:#fff;
}
tr:not(.SectionHeader):类型的第n个(偶数){
背景色:#f0f9ff;
}
tr.SectionHeader{背景:红色;}

BÖLÜM/项目
2015ÖSYS TABAN GENEL KONTENJAN
2015ÖSYS TAVAN GENEL KONTENJAN
比利姆勒·法克尔特西
普安图尔
康特扬
普安
塞拉马
普安
塞拉马
İktisat
TM-1
100
416,44977
13927
458,45591
3081
İktisat
TM-1
100
416,44977
13927
458,45591
3081
İktisat
TM-1
100
416,44977
13927
458,45591
3081
İktisat
TM-1
100
416,44977
13927
458,45591
3081
İktisat
TM-1
100
416,44977
13927
458,45591
3081
İktisat
TM-1
100
416,44977
13927
458,45591
3081
İktisat
TM-1
100
416,44977
13927
458,45591
3081
İktisat
TM-1
100
416,44977
13927
458,45591
3081
İktisat
TM-1
100
416,44977
13927
458,45591
3081
İktisat
TM-1
100
416,44977
13927
458,45591
3081
İktisat
TM-1
100
416,44977
13927
458,45591
3081
İktisat
TM-1
100
416,44977
13927
458,45591
3081
İktisat
TM-1
100
416,44977
13927
458,45591
3081
İktisat
TM-1
100
416,44977
13927
458,45591
3081
İktisat
TM-1
100
416,44977
13927
458,45591
3081
İktisat
TM-1
100
416,44977
13927
458,45591
3081
İktisat
TM-1
100
416,44977
13927
458,45591
3081
İktisat
TM-1
100
416,44977
13927
458,45591
3081
İktisat
TM-1
100
416,44977
13927
458,45591
3081
İktisat
TM-1
100
416,44977
13927
458,45591
3081
İktisat
TM-1
100
416,44977
13927
458,45591
3081
İktisat
TM-1
100
416,44977
13927
458,45591
3081
İktisat
TM-1
100
416,44977
13927
458,45591
3081
İktisat
TM-1
100
416,44977
13927
458,45591
3081
İktisat
TM-1
100
416,44977
13927
458,45591
3081
İktisat
TM-1
100
416,44977
13927
458,45591
3081
İktisat
TM-1
100
416,44977
13927
458,45591
3081
İktisat
TM-1
100
416,44977
13927
458,45591
3081
BÖLÜM/项目
2015ÖSYS TABAN GENEL KONTENJAN
2015ÖSYS TAVAN GENEL KONTENJAN
İktisat
TM-1
100
416,44977
13927
458,45591
3081
İktisat
TM-1
100
416,44977
13927
458,45591
3081
更新2 OP:这是否可以不使用
.row0
类添加额外的

是的,肯定有一种替代方法,事后来看,更好、更有效的方法是使用另一种

…允许多个元素(如果连续),允许将长表中的数据行划分为不同的部分,根据需要分别格式化

更改:

tr:nth-of-type(odd) { background-color: #fff; }
tr:nth-of-type(even) { background-color: #f0f9ff; }
至:

tbody tr:nth-of-type(odd) { background-color: #fff; }
tbody tr:nth-of-type(even) { background-color: #f0f9ff; }
添加:

</tbody>
<tbody>

这不是第n个类选择器,所以您可能需要javascript。您到底想要什么,第3行是蓝色的,后面的所有内容都交替为白色和蓝色。我以为你希望下面的标题是红色的,因为你没有具体说明。或者你想要蓝色的?嗨,为什么你认为这个答案是错的?请告诉我。:-)是的,这正是我想要的,非常感谢你,有一件事是不需要在row0类中添加额外的tr就可以做到的???@Darshanambaliya不客气,先生。别忘了在我的答案上点击绿色的复选标记:-)我已经查过了,谢谢@Darshanambaliya。见更新2。