Question

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

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

Answer 1

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

  $("#mainMenu a:last").css("border-right", "none")

Answer 2

你可以使用纯css：

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

如果你使用jQuery，请确保在$(document).ready()功能块中运行代码并将border-right更改为borderRight：

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

DEMO

删除或隐藏元素上的样式

2 个答案: