[Resolvido] border:none não funciona

[Daniel web 0]

Boa noite a todos!

 

Fiz um menu com lista e cada botão tem uma borda do lado para separar, sendo que o último botão não pode ter borda. Como fiz uma classe para todos:

#navigation ul li {
font-family:Diavlo;
float:left;
font-size:13px;
padding:0 5px 3px 0;
margin-right:3px;
margin-top:2px;
[b]border-right:1px solid #353535;[/b]
}

 

Daí todos ficam com borda, mas eu quero tirar a borda do último. Tentei fazer um ID separado

#menu-item-18 { border:none; padding:0; }

mas não funcionou... ouvi falar algo sobre lastchild e firschild etc... como posso fazer pro último botão ficar sem borda?

 

Obrigado

[brunosk2 0]

Pra pegar o "ultimo filho", ou seja a ultima li você usa JQuery:

$('#navigation ul li').css('border', '0 none');

Mas já que não funcionou ai, posta o código pra gente ver.

[crf_h0m3r 5]

Veja http://forum.imasters.com.br/topic/442151-li-com-lastchild/page__view__findpost__p__1746319

e complementando isso, você também pode usar jQuery:

$("#myDiv ul li:last-child").addClass("lastLi"); 

lastLi é a classe da sua última lista, ou seja, border:none;/border:0; Se tens alguma dúvida, veja a documentação do seletor last-child, aqui.

[Daniel web 0]

Veja http://forum.imasters.com.br/topic/442151-li-com-lastchild/page__view__findpost__p__1746319

e complementando isso, você também pode usar jQuery:

$("#myDiv ul li:last-child").addClass("lastLi"); 

lastLi é a classe da sua última lista, ou seja, border:none;/border:0; Se tens alguma dúvida, veja a documentação do seletor last-child, aqui.

 

Consegui!

 

ficou assim:

#navigation ul li:last-child { border:0; margin-right:-4px; }

 

Muito obrigado!