css - 是否过度使用 0px 的 .thumbnails{marging-left:20px} 与在 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表现得像 a.row所以它不应该直接包含在其中。

为简单起见，请尝试删除.rowwrapper。

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