Ver Mensaje Individual
  #1 (permalink)  
Antiguo 25/10/2013, 07:53
PabloManuel
 
Fecha de Ingreso: diciembre-2010
Mensajes: 236
Antigüedad: 13 años, 5 meses
Puntos: 6
Cambiar el backgronud de un li

Hola! quiero cambiar por CSS el fondo de un <li> que no contenga <a>

Código CSS:
Ver original
  1. .ec_cestanav{
  2.     float:left;
  3.     width:100%;
  4.     list-style:none;
  5. }
  6. .ec_cestanav li{
  7.     float: left;
  8.     width: 20%;
  9.     background-image: url('Images_sys/ico32_ball_gris.png');
  10.     background-repeat: no-repeat;
  11.     background-position: center;
  12.     vertical-align:bottom;
  13.     text-align:center;
  14.     height:64px;
  15. }
  16. .ec_cestanav li[title]{
  17.     background-image: url('Images_sys/ico32_ball_verde.png');
  18.  
  19. }

Código HTML:
Ver original
  1. <ul class="ec_cestanav">
  2.                 <li>Cesta</li>
  3.                 <li title="1234"><a href="?????.asp ">Login</a></li>
  4.                 <li>Envío</li>
  5.                 <li>Pago</li>
  6.                 <li>Confirmación</li>

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