如何使用* CSS2 *而非CSS3選擇HTML表格中的每一行？

如何使用CSS2選擇HTML表格中的每一行？如果這是不可能的，那麼CSS3的答案也是受歡迎的。如何使用* CSS2 *而非CSS3選擇HTML表格中的每一行？

2013-03-20 Metauser

這個問題不是重複的，即使答案很好。如果有人搜索更一般的問題，他們不會被顏色主題混淆。它不合理的建議，因爲對另一個*不同*問題的答案是適當的答案，這意味着*重複*。我的書中有重複的問題/答案。我已經看到完全不同的質量問題/答案集，理論上應該完全重疊，但他們沒有。具體來說，在這裏有人應該說沒有我正在尋找的CSS2解決方案。 – Metauser 2013-03-20 14:33:13

每個人都忽視了我的問題集中在簡單的答案。請告訴我，如果沒有CSS2解決方案！ ;） – Metauser 2013-03-20 14:38:07

可悲有純粹使用CSS2無解。

但是，您可以在CSS3中使用:odd和:even選擇器來確定每一行。

tr:nth-child(even) { 
    // if it's even - rows 2,4,6 etc - apply styles 
} 

tr:nth-child(odd) { 
    // if it's odd - rows 1,3,5 etc - apply styles 
}

nth-child even/odd在所有主流瀏覽器支持，但不是在IE8之前。

如果您想讓IE8及更早版本能夠使用它，請查看this article關於在任何地方進行n-child工作。

來源

2013-03-20 14:25:06 lifetimes

謝謝你的幫助！ – Metauser 2013-03-20 15:05:08

tr:nth-child(even) { 
    /* stub */ 
}

或

tr:nth-child(odd) { 
    /* stub */ 
}

See here for browser support

來源

2013-03-20 14:25:06

請指出這是CSS3還是CSS2。 – Metauser 2013-03-20 14:27:30

'nnth-child'是一個CSS3選擇器 – user2129623 2013-03-20 14:30:05

如何使用* CSS2 *而非CSS3選擇HTML表格中的每一行？

回答

相關問題