UL的CSS问题＆gt; LI>李

Question

在我想要完成的网站上，我在主导航菜单中使用CSS时遇到了一些麻烦。

当一个菜单项有子页面时，那些下拉列表应该是一个没有边框的纯色，但是底部有圆角，并且还有一个投影。

我得到的大部分是正确的，但是中间链接（LI）与最后一个LI有相同的圆角，我无法弄清楚原因。

我也注意到我的菜单里的LI徘徊并没有得到他们原本想要的圆角。

该网站为http://landtrecruitment.com.au。

由于

Answer 1

试试这个

.menu ul > li + li{
    border: 0 solid #333333;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.3);
}

请在上面的css中添加+ li

.menu ul > li + li + li{
    border: 0 solid #333333;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.3);
}

OR

http://www.w3schools.com/cssref/tryit.asp?filename=trycss3_nth-last-child

 .menu ul  li:nth-last-child(1)

    {
      border: 0 solid #333333;
            border-radius: 0 0 10px 10px;
            box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.3);}