Foros del Web » Creando para Internet » CSS »

Aplicar estilo a elementos anidados

Estas en el tema de Aplicar estilo a elementos anidados en el foro de CSS en Foros del Web. Buenas a to2, Teniendo este html: @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código HTML: Ver original < div id = "aaa" > < p > HOLA < p > ...
  #1 (permalink)  
Antiguo 21/05/2012, 13:09
 
Fecha de Ingreso: abril-2010
Mensajes: 298
Antigüedad: 14 años, 6 meses
Puntos: 1
Aplicar estilo a elementos anidados

Buenas a to2,
Teniendo este html:
Código HTML:
Ver original
  1. <div id="aaa">
  2. <p>HOLA<p>anidado</p></p>
  3. </div>
Mi duda es que si yo utilizo este css:

Código CSS:
Ver original
  1. #aaa p
  2. {
  3.    color:red;
  4. }

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!
  #2 (permalink)  
Antiguo 21/05/2012, 15:00
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 17 años, 5 meses
Puntos: 539
Respuesta: Aplicar estilo a elementos anidados

¿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:
Ver original
  1. #aaa p span span + span > span span ~ span span {/* */}
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #3 (permalink)  
Antiguo 21/05/2012, 15:10
 
Fecha de Ingreso: abril-2010
Mensajes: 298
Antigüedad: 14 años, 6 meses
Puntos: 1
Respuesta: Aplicar estilo a elementos anidados

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!
  #4 (permalink)  
Antiguo 21/05/2012, 16:36
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 17 años, 5 meses
Puntos: 539
Respuesta: Aplicar estilo a elementos anidados

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
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #5 (permalink)  
Antiguo 21/05/2012, 23:46
 
Fecha de Ingreso: julio-2011
Ubicación: Zapopan, Jal. MX
Mensajes: 316
Antigüedad: 13 años, 4 meses
Puntos: 32
Respuesta: Aplicar estilo a elementos anidados

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!

Última edición por IXtremeLT; 23/05/2012 a las 08:25
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 16:55.