通过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的浏览器中受支持.