tr:n-child(偶数)帮助.如何申请一堂课?

use*_*284 9 css css-selectors css-tables

我对CSS不是很好,我需要一些帮助.

我有一张桌子,我希望每隔一行都是灰色的,交替的行是白色的.但我只希望它发生在一个特定的桌子上.

我在CSS中添加了一些代码:

tr:nth-child(even) {  
background: #CCC;  
}  

tr:nth-child(odd) {  
background: #FFF;  
}  
Run Code Online (Sandbox Code Playgroud)

但问题是它影响了我网站上的每个表格.我没有找到任何只适用于某个类的例子.那可能吗?我希望它仅适用于:

table.dashboardtable  
Run Code Online (Sandbox Code Playgroud)

hob*_*bbs 11

像往常一样使用CSS后代组合子(并置):

table.dashboardtable tr:nth-child(even)
table.dashboardtable tr:nth-child(odd)
Run Code Online (Sandbox Code Playgroud)

  • 我想使用`table.dashboardtable> tr:nth-​​child`(子选择器`>`)可能是一个好主意,所以如果你有嵌套表,它不会意外地应用于那些. (3认同)