覆盖文本对齐属性

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规则，你有多种方式来做到这一点：

• 通过设置规则具有较高specificity

  表td.align左文本的{对齐：左}
  VS
  TD {文本对齐：左}

• 通过设置规则具有特异性的同一水平，但后来在样式表

  表TD {文本对齐：左}
  表TD {文本对齐：中心}/*这条线将覆盖上述*/

• 一个通过设定!important

  表TD {文本的对齐：左重要}

Answer 2

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

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

Answer 3

你们是不是要覆盖table和.align_left风格两者或.align_left东西，你没试过吗？该类应覆盖该元素：

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