css如何选中某个table的第n列？

html-css015

css如何选中某个table的第n列？,第1张

下面的代码是把表格的第2列设为红色字体：

<style>

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

</style>

<table>

    <tr>

        <td>1</td>

        <td>2</td>

        <td>3</td>

    </tr>

    <tr>

        <td>1</td>

        <td>2</td>

        <td>3</td>

    </tr>

    <tr>

        <td>1</td>

        <td>2</td>

        <td>3</td>

    </tr>

</table>

给你提供个思路：

第一行为一行多列的表格；

第一列为一列多行的表格；

剩下就是一个表格了。

然后把这些表格都放在一个div里面，并设置其样式