引用表元素

时间:2014-04-19 12:48:52

标签: html css html-table

比方说,我有一个像这样的表格布局

    <table>
        <tr>
            <td id="AEimage1">
                row 1 cell 1
            </td>
            <td id="AEimage2">
                row 1 cell 2
            </td>
        </tr>
        <tr>
            <td id="setup1">
                row 2 cell 1
            </td>
            <td>
                row 2 cell 2
            </td>
            <td>
                row 2 cell 3
            </td>
            <td>
                row 2 cell 4
            </td>    
        </tr>
    </table>  

如何调用CSS中的单个行和单元格?所以说我想打电话给[Row2,单元格1],我该怎么做?我已经尝试在CSS中堆叠元素,如下所示:

#LinkCSS table tr tr td {

但这对我没用。我做错了什么?

(作为一个说明,我意识到我可以给出细胞ID,并以这种方式给他们打电话。但这对我不起作用。)

1 个答案:

答案 0 :(得分:3)

您可以使用:nth-child选择器和:first-child选择器,如下所示:

table tr:nth-child(2) td:first-child {
  color:red;
}

Demo.