覆盖text-align属性

Question

我想覆盖text-align我的代码中的属性.我有这个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>

做这个的最好方式是什么？

Answer 1

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

但是,如果您需要覆盖CSS规则,则有多种方法可以执行此操作:

• 通过设置具有更高特异性的规则

  table td.align-left {text-align:left}
  vs
  td {text-align:left}

• 通过设置具有相同特异性级别但稍后在样式表中的规则

  table td {text-align:left}
  table td {text-align:center}/*此行覆盖上面的那个*/

• 通过设置 !important

  table td {text-align:left!important}