aivan123
Usuario Novato
Usuario Novato

Saludos expertos, mi duda es sobre algo talvez sencillo...

el asunto esta en que estoy tratando de realizar estilos css para mi web de forma lo mas generica posible, pero me encontre con un problemita...cuando utilizo el comando   :nth-child() para definir el estilo en el hijo N de un elemento, lo que pasa es que al anidar mas elementos de ese tipo ocurre que cada hijo N de los elementos anidados tambien heredan este estilo...como evito esto? solo quiero que se erede al primer nivel....

en ejemplo...

ul.padre li:nth-child(1){
                                   color:red; 
                                    text-transform:uppercase;
}

hasta ahi todo bien, pero en el anidado ocurre lo siguiente:

<ul>
<li> 1ER HIJO COLOR ROJO

                                          <ul>
                                                    <li>1ER HIJO ANIDADO HEREDA EL ESTILO</li>
                                                    <li>2DO HIJO ANIDADO HEREDA EL ESTILO</li>
                                                    <li>3ER HIJO ANIDADO HEREDA EL ESTILO</li>
                                            </ul>
</li>
<li> Segundo Hijo</li>
<li> Tercer Hijo </li>
</ul>

lo que busco es que unicamente el 1er hijo herede ese estilo y no asi los que esten anidados algo asi:

<ul>
<li> 1ER HIJO COLOR ROJO 

                                          <ul>
                                                   <li>1er hijo anidado sin estili</li>
                                                   <li>2di hijo anidado sin estili</li>
                                                   <li>3er hijo anidado sin estili</li>
                                           </ul> 
</li>
<li> Segundo Hijo</li>
<li> Tercer Hijo </li>
</ul>

como lo hago?

Gracias por cualquier ayuda que puedan ofrecerme.

Avatar Image
@man / @woman
@man / @woman

Estoy haciendo una respuesta sin hacer pruebas, así que por allí no resulta, intenta

ul.padre li:nth-child(1) ul{color:#000;}

o

ul.padre li:nth-child(1) ul li{color:#000;}


después del estilo que escribiste tú.

ATENCIÓN: Este tema no tiene actividad desde hace más de 6 MESES,
te recomendamos abrir un nuevo tema en lugar de responder al actual
Opciones:
Ir al subforo:
Permisos:
TU NO PUEDES Escribir nuevos temas
TU NO PUEDES Responder a los temas
TU NO PUEDES Editar tus propios mensajes
TU NO PUEDES Borrar tus propios mensajes
Temas similares
TemaUsuariosRespuestasVisitasActividad
Por: , el 17/May/2005, 13:27
clakpst socadu16kMay/05
Por: , el 12/Dic/2007, 18:47
Ellocodelataquilla chavp22kDec/07
Por: , el 18/Dic/2007, 20:33
webito28 chavp54kDec/07
Por: , el 12/Dic/2007, 18:39
webito28 Btl_Delphi42kDec/07