Foros del Web » Creando para Internet » CSS »

CSS solo a primer nivel de divs

Estas en el tema de CSS solo a primer nivel de divs en el foro de CSS en Foros del Web. Hola, ¿Qué tal?, ante todo agradecer las constantes soluciones que dais a mis problemas, a ver si teneis solución a este ... Resulta que tengo ...
  #1 (permalink)  
Antiguo 23/08/2010, 03:57
 
Fecha de Ingreso: abril-2009
Ubicación: Zaragoza
Mensajes: 50
Antigüedad: 8 años, 7 meses
Puntos: 1
CSS solo a primer nivel de divs

Hola, ¿Qué tal?, ante todo agradecer las constantes soluciones que dais a mis problemas, a ver si teneis solución a este ...

Resulta que tengo planteado algo así.

Código HTML:
Ver original
  1. <div class="padre">
  2.   <div class="hijo">
  3.   </div>
  4.   <div class="hijo">
  5.         <div class="otrodiv"></div>
  6.   </div>
  7.   <div class="hijo">
  8.           <div class="otrodiv2"></div>
  9.   </div>
  10. </div>

Bueno, quería aplicar un estilo para que se atribuyera a todos los hijos y puse esto en el css:
Código CSS:
Ver original
  1. .padre .hijo {background-color:red;}

Pero esto pone el fondo rojo también a los divs otrodiv y otrodiv2, ¿se puede atribuir solo mi css a los divs de primer nivel osea (los 3 hijos) dejando aparte (otrodiv y otrodiv2).

Gracias, no encuentro solución, y lo mismo es una tontada jeje.
  #2 (permalink)  
Antiguo 23/08/2010, 04:42
Avatar de angelAparicio  
Fecha de Ingreso: julio-2009
Ubicación: Sevilla
Mensajes: 307
Antigüedad: 8 años, 5 meses
Puntos: 22
Respuesta: CSS solo a primer nivel de divs

¿Te vale añadiendo esta linea?

.padre .hijo div {background-color:white;} //White o el color que tenga el body
__________________
Mis webs:
- Programador Web Autónomo
- Conciertos en Sevilla
  #3 (permalink)  
Antiguo 23/08/2010, 05:31
 
Fecha de Ingreso: abril-2009
Ubicación: Zaragoza
Mensajes: 50
Antigüedad: 8 años, 7 meses
Puntos: 1
Respuesta: CSS solo a primer nivel de divs

mucho que temo que no, he puesto lo del background por poner algo .. pero mi intención es que todos los hijos tengan un position relative y float left mientras que si tengo algun div mas dentro de estos hijos pues que no coja estas características
  #4 (permalink)  
Antiguo 23/08/2010, 12:28
Avatar de xcoltx  
Fecha de Ingreso: diciembre-2008
Mensajes: 65
Antigüedad: 9 años
Puntos: 0
Respuesta: CSS solo a primer nivel de divs

pucha compa.. a mi igual me ha pasado.. aunque con listas.. pero es el mismo problema.. como los elementos que estan dentro de un contenedor siempre toman por lo menos el background-color su padre, la unica solucion que le hago es asignar otra clase no mas a los hijos de los hijos.

.padre .hijo div{background-color:#fff;}
.padre .hijo div div{background-color:#fff;}

una cosa asi, bueno al menos es algo xD
__________________
http://www.acomodate.cl
  #5 (permalink)  
Antiguo 23/08/2010, 12:40
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: CSS solo a primer nivel de divs

¿Convendría recordar la idea de "herencia" en css y que en múltiples propiedades el valor por defecto aplicado a los descendientes es /inherit/?

Así que hay ocasiones en que si se quiere anular o modificar una declaración heredada (el par /propiedad:valor/) no hay más remedio que declararlo específicamente. Y aquí también es oportuno recordar otro concepto: la especificidad de los selectores.

Atentamente

Etiquetas: nivel, primer
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 09:02.