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

【问题标题】：CSS Why is this tablecell not left aligned?CSS 为什么这个表格单元没有左对齐？
【发布时间】：2011-06-20 01:29:17
【问题描述】：

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

我能够做到这一点，但我想我会使用不同的 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>

【问题讨论】：

标签： html css html-table

【解决方案1】：

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

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

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

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

【讨论】：