我有一个简单的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
}
你能帮忙吗?
答案 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) { 背景色:蓝晶 }