html - 使用伪类对表的特定行进行样式化

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(3), tr:nth-child(4), tr:nth-child(5){
   color: red;
}

Demo