Question

我正在尝试创建一个表格，其中第一个单元格左对齐，所有其他单元格居中。

我能够做到这一点，但我想我会使用不同的CSS技术，这让我很难过。

在下面的例子中，我认为class =“left”的表格单元格优先于表格级别居中对齐，但似乎并非如此。所有细胞都居中。

赞赏所有投入！

<head>
    <style type="text/css">

        td {border:solid 1px black;}

        table.SomeTable td {text-align:center;}

        td.Left {text-align:Left;}

    </style>
</head>
<body>
    <table class="SomeTable" cellpadding="10" cellspacing="0">
        <tr>
            <td style="width:100px;" class="Left">Why not left justified?</td>
            <td style="width:100px;">aaa</td>
            <td style="width:100px;">aaa</td>
            <td style="width:100px;">aaa</td>
        </tr>
    </table>
</body>

Answer 1

table.SomeTable td规则确实比td.Left更具体。

您可以通过添加表类来修复它：

table.SomeTable td.Left {text-align:Left;}

这里有一些关于CSS特异性如何工作的背景：Points in CSS specificity

CSS为什么这个表格单元没有左对齐？

1 个答案: