3

我想删除一排链接中的最后一个右边框？

#mainMenu a {
display: block;
float: left;
height: 20px;
padding: 0px 10px 2px 10px;
border-right: 1px solid #cfcfcf;
font-size: 16px;
font-weight: bold;
font-family: arial, verdana, 'sans-serif';
color: #CFCFCF;
}

我已经测试将边框的颜色更改为与背景相同的颜色，但它不起作用，我正在寻求帮助。也许有更好的方法？ 

$("a#mainMenu:last").css({border-right: '1px solid #ffffff'});
4

2 回答 2

3

显示的 CSS 和选择器彼此相反，这应该是正确的找到最后一个 A 假设单级菜单

  $("#mainMenu a:last").css("border-right", "none")
于 2012-06-25T18:15:16.177 回答
0

你可以用纯css做到这一点：

#mainMenu a:last-of-type { border-right: none; }

如果您使用 jQuery 执行此操作，请确保在$(document).ready()功能块内运行代码并更改border-right为borderRight：

$(document).ready(function(){
  $("#mainMenu a:last").css({borderRight: 'none'});
});

演示

于 2012-06-25T18:10:54.627 回答