2015-11-05 24 views
1

我有一個簡單的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 

} 

你能幫忙嗎?

+4

'first-child'是一個僞類;並以冒號作爲前綴。它應該是':第一個孩子'。糾正這個錯字,這應該起作用。 –

+0

只是爲了表明問題是由缺少的冒號引起的:[這是一個使用相同CSS作爲問題但使用'not(:first-child)']的示例(https://jsbin.com/jagude/edit ?HTML,CSS,輸出) – misterManSam

回答

2

對於跳過給定類型的第一元件和定型第二,第三和第四元件等,採用

:nth-of-type(n+2) 

是一種高效的解決方案。

因此,嘗試:

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

:第n個孩子(N + 2)將選擇從第二

.tableStyles TR開始:第n個孩子(N + 2) { background-color:海藍寶石 }

相關問題