Foros del Web » Creando para Internet » CSS »

Maquetar elemento padre

Estas en el tema de Maquetar elemento padre en el foro de CSS en Foros del Web. Buenos días a tod@s qué tal estáis hoy, tengo el siguiente código Código HTML: <div class= "uno" > <div class= "dos" > <div id= "tres" ...
  #1 (permalink)  
Antiguo 26/02/2010, 07:03
Avatar de Harris  
Fecha de Ingreso: febrero-2007
Mensajes: 132
Antigüedad: 17 años, 2 meses
Puntos: 0
Maquetar elemento padre

Buenos días a tod@s qué tal estáis hoy, tengo el siguiente código
Código HTML:
<div class="uno">
<div class="dos">
<div id="tres"></div>
</div>
</div>

<div class="uno"></div> 
Quiero maquetar el div .uno que contengan un hijo tres. El hijo #tres no tiene por qué ser su primer hijo. Y no puedo maquetar directamente sobre .uno porque entonces maquetaría todos, y yo solo quiero el que tenga un hijo #tres.

He buscado por internet y he visto el selector > que solo funciona de padres a hijos, necesitaría el opuesto, que funcionase de hijos a padres.

Cómo puedo hacerlo, muchas muchas gracias a tod@s
  #2 (permalink)  
Antiguo 26/02/2010, 07:45
 
Fecha de Ingreso: agosto-2008
Mensajes: 469
Antigüedad: 15 años, 7 meses
Puntos: 20
Respuesta: Maquetar elemento padre

Cita:
Iniciado por Harris Ver Mensaje
necesitaría el opuesto, que funcionase de hijos a padres
No tengo claro el haberte entendido y lo que quieres conseguir, tanto numero, padre e hijo me ha mareado .

Solo tengo claro que no puedes tener algo que desde el hijo se herede al padre, puesto que esto va contra la propia esencia del css, recuerda que son hojas de estilo en cascada, y por tanto, implican que se hereden.

Saludos¡¡
__________________
Revisa las FAQ's antes de disparar.
  #3 (permalink)  
Antiguo 26/02/2010, 09:56
Avatar de Harris  
Fecha de Ingreso: febrero-2007
Mensajes: 132
Antigüedad: 17 años, 2 meses
Puntos: 0
Respuesta: Maquetar elemento padre

Buenas Impostor, lo sé es un poco lio.

No quiero heredar nada sino maquetar, modificar de una forma diferente aquellos class=uno que tengan dentro un #tres

Código HTML:
.uno { color:#000; } /* para todos los class=uno */
.uno ???? #tres { color:#FFF } /* para los class=uno que tengan un hijo id=#tres. No sé lo que poner en ???? */

/*los textos tendrían los siguientes colores */
<div class="uno">negro</div>
<div class="uno">negro</div>
<div class="uno">blanco
<div class="dos">blanco
<div id="tres">blanco</div>
</div>
</div>
<div class="uno">negro</div>
<div class="uno">negro</div>
<div class="uno">negro</div> 

La explicación no es mucho mejor pero bueno. Pero es un poco más gráfica. Muchas gracias
  #4 (permalink)  
Antiguo 26/02/2010, 11:44
Avatar de pitufoweb  
Fecha de Ingreso: enero-2008
Ubicación: Un Mundo Raro
Mensajes: 1.148
Antigüedad: 16 años, 3 meses
Puntos: 181
Respuesta: Maquetar elemento padre

Se llaman selectores descendientes

Aquí te explica como funcionan

http://www.sidar.org/recur/desdi/tra...dant-selectors



Saludos
  #5 (permalink)  
Antiguo 26/02/2010, 11:47
 
Fecha de Ingreso: agosto-2008
Mensajes: 469
Antigüedad: 15 años, 7 meses
Puntos: 20
Respuesta: Maquetar elemento padre

Tal y como comenta pitufoweb, tendrias que poner en tu css

.uno#tres {
..
..
..
}

y las propiedades solo se aplicarian a un #tres que este dentro de .uno

Saludos¡¡
__________________
Revisa las FAQ's antes de disparar.
  #6 (permalink)  
Antiguo 26/02/2010, 11:52
Avatar de webosiris
Moderador egiptólogo
 
Fecha de Ingreso: febrero-2002
Ubicación: Luxor, Egipto
Mensajes: 10.725
Antigüedad: 22 años, 2 meses
Puntos: 998
Respuesta: Maquetar elemento padre

Cita:
Iniciado por pitufoweb Ver Mensaje
Se llaman selectores descendientes
por lo que entendí el lo que quiere es justamente lo inverso, lo que serían los selectores ascendentes (modificar "aquellos class=uno que tengan dentro un #tres"... no los #tres que estén dentro de .uno)... que yo sepa no existen.

probablemente lo puedas implementar con javascript
__________________
Pasamos tus PSD a HTML

Pobre del que lo sabe todo, porque no tiene nada más que aprender ni razón para vivir. -
  #7 (permalink)  
Antiguo 27/02/2010, 04:09
Avatar de Harris  
Fecha de Ingreso: febrero-2007
Mensajes: 132
Antigüedad: 17 años, 2 meses
Puntos: 0
Respuesta: Maquetar elemento padre

Buenas pitufoweb e impostor, creo que seguimos sin entendernos. Me ponéis y las propiedades solo se aplicarian a un #tres que este dentro de .uno yo lo que quiero es que las propiedades de apliquen a un .uno que tenga dentro un #tres.

Creo que webosiris tiene razón, por lo que he leído en google y por lo que me dices no existen. En js no puedo porque todos estos problemas vienen de maquetar una web en drupal en la que solo puedo modificar el CSS de la plantilla. Nada más.

Muchas gracias a todos.

Etiquetas: maquetar, padre
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 04:25.