Question

这是我的标记：

<div id="why-us">
    <span class="heading">Why Us?</span>
    <div class="section">
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
    </div>
    <div class="section">
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
    </div>
</div>

这是我的CSS：

#why-us { float: left; }
#why-us span.heading { font-size: 13pt; color: #3A3A3A; display: block; }
#why-us div.section { float: left; width: 400px; margin-right: 50px; }
#why-us div.section p { font-size: 9pt; }

我怎样才能使margin-right: 50px;仅对div.section {{1}}适用于最后一个{{1}}除外？这可以只在纯CSS中完成吗？理想情况下，我不想指定“.last”类，也不使用伪类，因为站点需要在所有浏览器中工作。

编辑：有没有更好的方法呢？因为我现在使用PHP生成代码，这意味着我必须添加额外的代码来检查最后的DIV。我知道这不是太糟糕但仍然我更喜欢更优雅的解决方案：）

Answer 1

您可以覆盖最后一个div中的CSS，如：

<div id="why-us">
    <span class="heading">Why Us?</span>
    <div class="section">
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
    </div>
    <div class="section" style="margin-right: 0px;">
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
    </div>
</div>

这真的很丑，但我认为它应该有用。

Answer 2

您可以按如下方式使用子选择器：

#why-us div.section:last-child{
    margin-right:0;
}

示例：http://jsfiddle.net/Br2DG/

水平内容div具有右边距

2 个答案: