Remove or hide style on element

Question

I want to remove the last right border in a row of links?

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

I have tested to change the color of the border to the same color as the background, but it's not working and I'm looking for some help. Perhaps there is a better way?

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

Answer 1

CSS and selector shown are reverse from each other, this should be correct to find last A assuming a single level menu

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