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>
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