我正在尝试创建一个 CSS 菜单。我想删除
标签上每个最后一个li > a
元素的边框和填充。child ul
(抱歉混淆)
这是菜单的代码
<ul id="nav">
<li><a id="cat1" href="#">Menu 1</a></li>
<li><a id="cat2" href="#">Menu 2</a></li>
<li><a id="cat3" href="#">Menu 3</a>
<ul>
<li><a href="#">Sub Item 1 - M3</a></li>
</ul>
</li>
<li><a id="cat4" href="#">Menu 4</a>
<ul>
<li><a href="#">Sub Item 2 - M3</a></li>
<li><a href="#">Sub Item 3 - M3</a></li>
<li><a href="#">Sub Item 4 - M3</a></li>
</ul>
</li>
</ul>
代码必须删除最后一个元素的边框和填充
<li><a href="#">Sub Item 1 - M3</a></li>
<li><a href="#">Sub Item 4 - M3</a></li>
试过这个,但它只为子项目 4 取消了边界
$("#nav li ul").each(function(index) {
$("#nav li ul > :last a").css('border','0 none');
$("#nav li ul > :last a").css('padding','0');
});