css - 通过css格式化div

Question

我有以下结构

<div class="mainmenu">
    <div>
      Home
    </div>
    <div>
      About us
    </div>
    <div>
      Lorem
    </div>
</div>

.mainmenu div
{
     border-right:1px #000 solid;
}

有了这个，我可以为所有 div 启用右边框，但我不希望最后一个 div 中有边框。是否可以通过css来控制这个，而不修改上面的结构？

Answer 1

是(使用伪选择器):

.mainmenu div:last-child
{
     border-right:none;
}

注意:仅在支持 css3 的浏览器中受支持。