如何使用css引用除第一行之外的所有行

时间:2016-01-21 21:56:49

标签: jquery html css

我有一个包含表格的div元素。我需要将除第一行之外的所有行的高度设置为固定数字。另外,我需要将所有列中的文本设置为除第一行之外的特定大小:

这是html我有:

<style>
    #divFileSet
    {
        border:0px solid gray;  
        position:absolute; 
        top:170px; 
        left:170px; 
        overflow:visible;width:1020px;height:450px; 

    }
</style>

这是html部分:

<div id="divFileSet" >
    <table cellspacing ="3px";  cellpadding="3px" style="border:1px solid gray;">
        <tr>
           <td colspan="2" style="font-size:large; color:white; background-color:#005482;">
            <span>File Status:</span>
          </td>
        </tr>
        <tr>
            <td></td>
            <td><a href="...">Session 1</a></td><br/>
        </tr>
         <tr>
            <td></td>
            <td><a href="..."> Session 2</a></td><br/>
         </tr>
         <tr>
            <td></td>
            <td><a href="...">Session 3</a></td><br />
         </tr>            
    </table>
    </div>

html生成如下内容:

enter image description here

我需要为2到4行设置高度和文字。

如何使用css

进行操作

2 个答案:

答案 0 :(得分:1)

您可以使用:not(:first-child)

div table tr:not(:first-child) {

}

答案 1 :(得分:0)

甚至IE7兼容版本也是:

tr + tr {
    /* styles */
}

但当然这个并不是很漂亮。