Aplicar estilo a elementos anidados

[ferminako]

Buenas a to2,
Teniendo este html:

Código HTML:

<div id="aaa">
<p>HOLA<p>anidado</p></p>
</div>
 

Mi duda es que si yo utilizo este css:

Código CSS:

#aaa p
{
   color:red;
}
 

todos los parrafos contenidos en esa capa tendran color:red; pero si quiero aplicarlo además a todos los parrafos anidados en otros parrafos en ese div, como deberia hacerlo? en este caso para que el p cuyo contenido es anidado, tambien coja el estilo color:res;

Gracias!

[kseso?]

¿Un párrafo dentro de otro párrafo? <p><p><p/></p>
Es la primera vez que lo veo. Y tengo mis dudas de que se pueda realizar.

Dejando ese detalle al margen, si ya sabe "apuntar a un elemento dentro de un id (#aaa p) ¿qué le impide seguir profundizando en el DOM y aumentar elementos en el selector de css?:

Código CSS:

#aaa p span span + span > span span ~ span span {/* */}
 

[ferminako]

lo único que me lo impide es que no se cuantos anidamientos habrá puesto que son resultado de una consulta , luego el contenido es dinamico.

Por cierto no comprendo tu código, podrias darme alguna epxlicacion?

Gracias!

[kseso?]

Selector de elemento: .padre
Selector de descendientes (sin importar la profundidad): .padre .descendiente
Selector de hijo directo (sólo el primer nivel): .padre > .hijo
Selector de nieto: padre > .hijo > .nieto

EL código anterior sólo era un ejemplo.

Quizás le ayude el saber cómo se leen los selectores o este documento o éste otro

[IXtremeLT]

Si tengo asi <a></a><b></b><b></b>

a ~ b, apunta a todos los b y a + b apunta solo al primer b, es cono un nextSibling de javascript, saludos!