2016-08-06 11 views
0

我試圖用我的表中的某些元素使用第n個孩子或第n個類型或每種「n」但我卡住從中間選定的元素從下圖中以綠色選中,有人可以給我一個想法如何做到這一點,我不想重複一個區間只是想選擇該部分。我不想爲此使用JavaScript或jQuery。只使用第n個(孩子,of-type)選擇中間

enter image description here

small fide example:

.row:nth-child(n+4) .cell:nth-child(n+4) { 
    background: green; 
    color: red; 
} 
+0

這是固定電網嗎?您將需要多條規則。 –

+0

如果您選擇了一個非重複部分,爲什麼不使用課程? –

+0

我知道你需要一個「中等的孩子僞類」。我不認爲這是可能的只是與CSS。我認爲你可以使用js從表格中選擇中間行(以及之前和之後的行),然後選擇行中的中間單元格。 –

回答

0

這是我的問題的答案,我已經解決了我自己!

.row:nth-child(n+4):nth-child(-n+6) .cell:nth-child(n+4):nth-child(-n+6){ 
    background:red; 
}