对齐左边的表格不适用于CSS，但是可以通过HTML工作

Question

当我想要将表的内联样式更改为CSS中定义的样式时，我遇到了一个奇怪的问题。我的目标是将此表格对齐页面左侧。

正确对齐左侧： HTML：

<table class="box-table" style="margin-left: 0px">
<tr>
     <td>table content</td>
</tr>
</table>

CSS：

table.box-table
{
    width: auto;
    text-align: left;
}

不对齐左侧（与页面中心对齐） HTML：

<table class="box-table">
<tr>
     <td>table content</td>
</tr>
</table>

CSS：

table.box-table
{
    width: auto;
    text-align: left;
    margin-left: 0px;
}

我所做的唯一改变是将margin-left -property从HTML转移到CSS代码。知道为什么会这样吗？

Answer 1

问题是这个类在我的CSS中被声明了2次，这与margin-left -property的值有冲突。