<li> com "lastchild"

[Daniel web 0]

Boa noite a todos deste querido forum!

 

É o seguinte... fiz um menu com liste (<ul><li></li>...</ul>) e coloquei um border-right de 1px para separar um <li> do outro. O problema é que o último <li> também fica com a borda, sendo que ele não precisa. Como faço para que o último <li> fique sem a borda?

 

Obrigado.

[crf_h0m3r 5]

Usando CSS3,

ul li:last-child {border:0;} 

Achei esse outro código aqui interessante,

ul li {
float: left;
border: none; }

li + li {
border-left: 1px solid #F00; }

 

Você poderia até criar uma classe para a última li e colocar:

#suaDiv li.last{border-right:none;}