Hola chic@s buenas a todos, llevo tiempo haciendo cosas con css, pero aun no soy una experta y hay cosas en las que a veces me pierdo
tengo este menu
Código HTML:
<div class="border-tl">
<ul class="menu menu_producto">
<li class="parent active item58"><a href="#">
<span>PRODUCTOS</span></a>
<ul>
<li id="current" class="active item59">
<a href="#"><span>CEPAS</span></a></li>
<li class="item60"><a href="#"><span>ADN</span></a></li>
<li class="item61"><a href="#"><span>MEDIO DE CULTIVO</span></a></li> </ul>
</li>
</ul>
</div> consigo darle el formato que quiero a los li internos pero no al primero de todos
al que se llama "PRODUCTOS"
para darle formato a este primero estoy haciendo esto
ul.menu.menu_producto li.parent.active.item58 a{
background: #028bc0;
}
lo que pase es que me toman los mismo valores para los demás enlaces, dentro de los siguientes li, lo cual es lógico.
pero se puede modificar solo el primer li sin modificar el html (sin poner otra class ni nada)
es decir sin tocar el html puedo solo hacer cambios en el primer li y que los demás se mantengan diferentes.
gracias