Hola! quiero cambiar por CSS el fondo de un <li> que no contenga <a>
Código CSS:
Ver original.ec_cestanav{
float:left;
width:100%;
list-style:none;
}
.ec_cestanav li{
float: left;
width: 20%;
background-image: url('Images_sys/ico32_ball_gris.png');
background-repeat: no-repeat;
background-position: center;
vertical-align:bottom;
text-align:center;
height:64px;
}
.ec_cestanav li[title]{
background-image: url('Images_sys/ico32_ball_verde.png');
}
Lo he conseguido hacer pero añadiendo un title a la <li> en cuestión, pero veo que hay otra manera más limpia sin necesidad de hacer tal chapuza.
He probado con:
.ec_cestanav li~a{
background-image: url('Images_sys/ico32_ball_verde.png');
}
.ec_cestanav a:before{
background-image: url('Images_sys/ico32_ball_verde.png');
}
y nada, no me cambia el fondo.
El contenido de las eti