estilo css al ultimo elemento de un menu

[pithon]

quiero redondear las esquinas derechas del ultimo li de una lista con javascript, alguien me podria ayudar el html seria este:

Código HTML:

<lu id="menu">
<li>menu 1</li>
<li>menu 2</li>
<li>menu3<li>
</li>menu4</li>
</lu>
 

[PHPeros]

Código Javascript:

document.querySelector("#menu > li:last-child");
 

El HTML está un poco malformado

[pithon]

Iniciado por PHPeros

Código Javascript:

document.querySelector("#menu > li:last-child");
 

El HTML está un poco malformado

Es verdad lo siento y gracias por tu ayuda, saludos.

[pithon]

No me funciona hice esto.

Código HTML:

li=document.querySelector("#menu > li:last-child");
li.style.display="none";
 

lo hice para probar pero no me lo oculta, que hago mal?

anteriormente probe esto:

Código HTML:

li=document.getElementById("menu").last-child
 

[PHPeros]

¿Has corregido la sintaxis del HTML?

Código HTML:

<ul id="menu">
<li>menu 1</li>
<li>menu 2</li>
<li>menu3</li>
<li>menu4</li>
</ul>
 

[pithon]

Hola, si claro la sintaxis puesta aqui es solo a modo de ejemplo la puse a mano, quizas el problema este en que antes de querer darle estilos css elimino una lista en realidad son 5 , osea elimino una y posteriormente quiero darle estilo css al ultimo li que queda. Si fuera esto como seleciono el cuarto elemento en vez del ultimo?
probe cambiando last-Child por childNodes(3), pero nada.
saludos

[pithon]

Estoy intentando aceder al cuarto li pero no me funciona alguien me comprueba que este bien.

Código Javascript:

document.querySelector("#menu > li:nth-child(4)");
 

[pithon]

Solucionado era asi:
li=document.querySelector("#menu > li:last-child").previousSibling;

[PHPeros]

Me extraña que no te funcionara el código que pusiste, porque prácticamente vienen a ser lo mismo. También puedes contar desde el final con :nth-last-child().

PD: Si ya lo solucionaste marca el tema como "solucionado"