Tema: Selector de hijos.
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 20/06/2013, 07:45
Avatar de Iballa
Iballa
 
Fecha de Ingreso: marzo-2013
Mensajes: 107
Antigüedad: 11 años, 2 meses
Puntos: 6
Selector de hijos.
Mi duda es la siguiente, estoy haciendo un menu con submenus...el caso es que quiero subrayar solo los <li> del menú principal, y para eso le pongo el selector > en los estilos, para que directamente me subraye sólo los hijos del primer <ul>, pero me los subraya todos, ¿no se supone que el selector este: > es sólo para los hijos directos del contenedor? gracias

Aquí va el código:
Código HTML: 
Ver original
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4.     <style type="text/css">
  5.          ul.menu > li {
  6.             text-decoration: underline;
  7.         }
  8.    </style>
  9. </head>
  10.  
  11. <body>
  12.  
  13.     <ul class="menu">
  14.        <li>AAAAAAA</li>
  15.        <li>AAAAAAA
  16.             <ul>
  17.                 <li>BBBBB</li>
  18.                 <li>BBBBB</li>
  19.                 <li>BBBBB</li>
  20.                 <li>BBBBB</li>
  21.        
  22.              </ul>
  23.        </li>
  24.        <li>AAAAAAA</li>
  25.        <li>AAAAAAA
  26.                         
  27.                      <ul>
  28.                         <li>CCCC</li>
  29.                         <li>CCCC</li>
  30.                         <li>CCCC</li>
  31.                         <li>CCCC</li>
  32.        
  33.                      </ul>
  34.  
  35.  
  36.        </li>
  37.        <li>AAAAAAA</li>
  38.        <li>AAAAAAA
  39.                                 <ul>
  40.                                     <li>DDD</li>
  41.                                     <li>DDD</li>
  42.                                     <li>DDD</li>
  43.                                     <li>DDD</li>
  44.        
  45.                                 </ul>
  46.        </li>
  47.        <li>AAAAAAA</li>
  48.     </ul>
  49.  
  50. </body>
  51. </html>