css - UL > LI > LI 的 CSS 问题

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);
}

或者

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);}