设置表格列,但错过第一行

时间:2015-11-05 16:55:47

标签: html css css3

我有一个简单的HTML表格,我希望使用以下CSS设置其中一个列的样式。

    .tableStyles tr td:first-child + td + td {

    background-color:aquamarine

}

我想省略第一行,因此不应用任何样式。我试过这样的东西,但它不起作用。

    .tableStyles tr:not(first-child) td:first-child + td + td {

    background-color:aquamarine

}

你能帮忙吗?

2 个答案:

答案 0 :(得分:2)

使用

跳过给定类型的第一个元素并设置第二,第三和第四个元素等样式
:nth-of-type(n+2)

是一种有效的解决方案。

因此,请尝试:

.tableStyles tr:nth-of-type(n+2) td:nth-of-type(3) {
    background-color:aquamarine
}

答案 1 :(得分:0)

:nth-​​child(n + 2)将从第2个开始选择

.tableStyles tr:nth-​​child(n + 2) {     背景色:蓝晶 }