html - 在左侧对齐表格不适用于 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 属性从 HTML 移动到 CSS 代码。知道为什么会发生这种情况吗？

Answer 1

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