Css3-第一个子和最后一个子选择器问题

我在编码第一个和最后一个子选择器时遇到问题

首先，我只想删除父导航菜单（而不是下拉菜单）最后一个子菜单的右边框，我当前的代码也会影响下拉菜单。我有同样的问题，删除左边界的第一个孩子

其次，我想在父导航菜单的左侧和右侧添加一个框阴影，但这也会影响下拉菜单

如果能给我一些建议，我会很感激的。谢谢

我的CSS3代码是：

 ul#navmenu li:last-child a  {border-right: none;}

 ul#navmenu li:first-child a {border-left: none;}

 ul#navmenu li:last-child {box-shadow: 200px 0px 0px 0px white;}

 ul#navmenu li:first-child {box-shadow:-200px 0px 0px 0px white;}

---

使用直接子选择器的

访问下面类似的

ul

元素的直接子元素

 ul#navmenu > li:last-child a  {border-right: none;}

 ul#navmenu > li:first-child a {border-left: none;}

 ul#navmenu > li:last-child {box-shadow: 200px 0px 0px 0px white;}

 ul#navmenu > li:first-child {box-shadow:-200px 0px 0px 0px white;}

您当前的选择器是

ul#navmenu li

，这意味着选择

ul

下的所有

li

标记，这些标记可以位于任何深度

---

但是此选择器

ul#navmenu>li

仅将选择限制为

ul#navmenu

的直接子元素，而这正是您需要的

使用

直接子元素，如下面所示

 ul#navmenu > li:last-child a  {border-right: none;}

 ul#navmenu > li:first-child a {border-left: none;}

 ul#navmenu > li:last-child {box-shadow: 200px 0px 0px 0px white;}

 ul#navmenu > li:first-child {box-shadow:-200px 0px 0px 0px white;}

您当前的选择器是

ul#navmenu li

，这意味着选择

ul

下的所有

li

标记，这些标记可以位于任何深度

---

但是这个选择器

ul#navmenu>li

将选择限制在

ul#navmenu

的直接子项上，这是您需要的

您能给我看一下html吗？您能给我看一下html吗？