Ver Mensaje Individual
  #1 (permalink)  
Antiguo 29/12/2009, 14:18
Caminantejm
 
Fecha de Ingreso: julio-2009
Mensajes: 75
Antigüedad: 14 años, 9 meses
Puntos: 2
Selector de hijos

Estoy probando esto y creo que no me funciona.

Código CSS:
Ver original
  1. ul.plistataja {border: 0px solid saddlebrown;
  2. padding: 1em 1em 0em 0em;
  3. list-style: square url("t3.gif");
  4. line-height: 1.12em;
  5. }
  6.  
  7. ul.plistataja li {border: 0px solid peru;
  8. list-style-position: inside;
  9. margin-left: 1em;
  10. text-indent: 0em;
  11. }
  12.             ul.plistataja li > span {
  13.                 font-weight: bold;
  14.                         }
  15.                                    
  16. ul.slistataja {
  17. list-style: square url("flechita1d1.gif");
  18. margin: 0.30em;
  19. }
  20.  
  21. ul.slistataja li {
  22.     list-style-position: inside;
  23.     padding-left: 0em;
  24. }
  25.  
  26. ul.tlistataja {border: 0px solid darkviolet;
  27. list-style: disc url("ax30.gif");
  28. margin: 0.30em;
  29. }
  30.  
  31. ul.tlistataja li {border: 1px solid violet;
  32. color: red;
  33.     padding-left: 0em;
  34.     list-style-position: inside;
  35. }
Se trata del selector de hijos ul.plistataja li > span .
Código HTML:
Ver original
  1. <ul class="plistataja">
  2.         <li><span>&nbsp;Objetivo:</span>&nbsp;Descubrir .  </li>
  3.  
  4.         <li><span>&nbsp;Temario:</span>
  5.             <ul class="slistataja">
  6.                 <li>&nbsp;Materias </li>
  7.                             </ul></li>  
  8.         <li><span>&nbsp;Duración:</span>&nbsp;Un día </li>
  9.         <li><span>&nbsp;Fecha y lugar:</span>
  10.                 <ul class="tlistataja">
  11.                     <li>&nbsp;Domingo</li>
  12.                    
  13.                     <li>&nbsp;Se realizará en:<span>C/ Carretera <br/><span>París (Francia)</span></span></li>
  14.  
  15.                 </ul></li>
  16.         <li><span>&nbsp;Precio:</span>&nbsp;50 $ por persona (incluye explicaciones <span>"útiles"</span> por alumno).</li>
  17.     </ul>

En teoría sólo debería afectar al primer span que se encuentre. Pero veo que va más allá. Y selecciona en bold C/ Carretera y París que no son hijos directos. ¿Algún error?

Gracias de antemano.