我想只为html表的第一行使用不同的颜色

Question

我用了一张桌子.我申请了CSS ID table-4.

关注html代码:

<table border='0' width='100%' id='table-4'>
   <tr><td>Date</td><td>Headline</td></tr>
   <tr><td>29 DEC</td><td>Dead</td></tr>
   <tr><td>30 DEC</td><td>Hit</td></tr>
   <tr><td>02 JAN</td><td>Leg</td></tr>
</table>

这是style.css:

#table-4 { background-color: #F2F2F2;}

所以整个表的背景颜色#F2F2F2,但我想不同的颜色中的第一行,其中Date与Headline去,所以我怎么能修改我的CSS为这件事？

Answer 1

你可以使用:first-child.像这样写:

#table-4 tr:first-child{
    background:red;
}

检查这个http://jsfiddle.net/cbK8J/