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>

建议用th

<style type="text/css">

.m_tb th{text-align:rightfont-weight:normal}

</style>

<table class="m_tb">

<tr><th>第一列</th><td>第二列</td></tr>

<tr><th>第一列</th><td>第二列</td></tr>

<tr><th>第一列</th><td>第二列</td></tr>

</table>