Estoy generando un menú simple con CSS y HTML, pero al querer eliminar los puntos de las listas hace un comportamiento raro.
body{
margin:0px;
padding: 0px;
}
ul >li
{
text-decoration:none;
text-decoration-style:none;
}
<ul>
<li>home</li>
<li>item</li>
<li>item</li>
<li>item</li>
</ul>
Aclaración: Lo que me pareció realmente raro fue que al hacer otra cosa diferente, funcionara. Lo pondré aquí abajo y explicare.
El body es el mismo pero el otro cambia:
ul > li:hover{
color:white;
background-color:black;
text-decoration: none;
text-decoration-style:none;
}
<ul>
<li>home</li>
<li>item</li>
<li>item</li>
<li>item</li>
</ul>
Lo raro aquí es que sin el hover no funciona y con el hover, sí, aplica los cambios al pasar el mouse, sobre el li
claro. ¿Por qué pasa esto? ¿Cómo solucionarlo?
Como información extra estoy usando la versión más reciente de Chrome y Visual Studio, y ya lo probé con Internet Explorer, y solo elimina el text-decoration
cuando cambio el background
a negro y el color a blanco.