css - 正在覆盖 .thumbnails{margin-left :20px} with 0px the same as unchecking it in Firebug?

Question

这是链接:http://unlockinglg.com/beta/index.html

基本上我希望我的缩略图与上面的其余内容对齐。

现在它向左倾斜。

通过取消选中 .thumbnails{marging-left:20px} 查看我的意思的视频 http://screencast.com/t/4xCmVzWxfr .

我尝试用 .thumbnails{marging-left:0px} 覆盖它，但没有用。

谢谢

Answer 1

正如您在 firebug 中看到的，还有另一个规则设置 margin-left 属性。通过取消检查规则，您不会将其设置为 0，而是忽略它(因此它会查找其他适用的规则)。

它可能与 margin-left: inherit; 一起工作，它应该与 margin-left: 25px;

一起工作

但这不是真正的问题:.thumbnails 表现得像一个 .row，所以它不应该直接包含在其中。

为简单起见，尝试删除 .row 包装器。

<div class="marketing">
    <div class="row">
        <!-- ... -->
    </div>
    <hr>
    <!-- no .row -->
        <ul class="thumbnails steps">
            <li class="span4">
                <!-- ... -->
            </li>
        </ul>
    <!-- no /.row -->
</div>