Html 替代文本对齐特性

我想覆盖代码中的

文本对齐

属性。我有以下HTML代码：

<style>
    table { text-align: center; }
    .align_left { text-align: left; }
</style>
<table>
    <tr>
        <td class="align_left">Align left ?</td>
        <td>Align center ?</td>
    </tr>
</table>

表{文本对齐：居中；}
.align_left{text align:left；}
左对齐？
居中对齐？

最好的方法是什么

td {text-align:center;}
td.align_left { text-align:left;}

---

如果您只针对现代浏览器，您也可以使用：first of type来针对第一个td。

我认为您不必覆盖您提供给我们的代码示例中的任何内容。看起来很好

但是，如果您需要覆盖CSS规则，您可以使用多种方法：

• 通过设置更高的规则
  表td.align-left{text align:left}
  vs
  td{text align:left}

• 通过在样式表中设置具有相同特定性级别但更晚的规则
  表td{text align:left}
  表td{text align:center}/*此行覆盖上面的一行*/

• 通过设置

  ！重要信息

  表td{文本对齐：左！重要}

---

您是在尝试覆盖

表和
左对齐
样式，还是尝试了
左对齐
样式？该类应重写该元素：

table td { text-align:center; }
table td.align_left { text-align:right; }

你说得对，应该行得通。