使用伪类为表的特定行设置样式

Question

假设我有一个标题和10行的列表。如何使用伪类更改第1-3行的文本颜色？

tr:nth-child(odd) {
   background-color: #a9cdeb;
}

tr td:last-child{ 
    font-style: italic; 
}

tbody tr:   {
    color: #FF0004;
}

这是 Fiddle

Answer 1

如果我的理解是正确的，你可以试试这个

tr:nth-child(odd) td{ /* select odd rows cell */
   color: #fff; /* applied white color */
}

或者你可以试试这个

tr:nth-child(-n+5) td{ /* this will include <th> rows so i have used -5 */
   color: blue;
}

Updated Demo

Demo

Answer 2

你应该试试这个。

tr:nth-child(3), tr:nth-child(4), tr:nth-child(5){
   color: red;
}

Demo

Answer 3

你可以试试这个

tr:nth-child(3),tr:nth-child(4),tr:nth-child(5){
   color:red;
   font-family: cursive; 
}

它改变了字体和颜色。

的 DEMO

Answer 4

你可以试试这个：

tr:nth-child(-n+5) td {
   background-color: #a9cdeb;
}

Demo