Question

我的结构如下:

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

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

有了这一点,我就能够让所有小群人享有正确的边界,但我不想在最后的四分里通边界。在不修改上述结构的情况下,能否通过核心小组来控制这种情况?

Answer 1

Yes (with pseudo selectors):

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

注:只支持浏览器3。

Answer 2

CSS3现在让我们选择一个孩子,并像这样的施舍:

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

然而,CSS3并不是一条安全的道路,而对于年长的浏览器来说,另一种选择是给你最后的四分之四,并使它感到ty:

<div class="last">
  Lorem
</div>

.mainmenu .last{
 border: none;   
}

你们可以有多个班级,这样,你们就可以适用最后的选择,以及所谓的四分之四。

<div class="apple last">
  Lorem
</div>

友情链接