html - significado - css todos los divs frente a los divs directos
div style background color (3)
Tengo esta estructura:
<div class="Root">
<div>ddddddd</div>
<div>
<div>pppppppppp</div>
<div>pppppppppp</div>
</div>
<div>ddddddd</div>
<div>
Quiero poner bordes en los div
s que contienen ddddddd
, y quiero establecer el color del texto en todos los div
s en verde.
Hay dos reglas:
- No puedo agregar atributos de
class
. - Tengo que escribir selectores que comiencen con
.Root
.
¿Algunas ideas?
¿Algo como esto?
.Root > :first-child, .Root > :last-child { border: 1px solid red }
.Root { color: green; }
Demostración: http://jsfiddle.net/karim79/N5qFu/1/
Le aconsejaría que pase por esto: http://www.w3.org/TR/css3-selectors/
En realidad estaba buscando esto:
Selecciona los divs que son hijos directos de Root:
.Root > div {
border: 1px solid red;
}
Selecciona todos los divs bajo Root:
.Root div {
color:green;
}
.root { border: 1px solid green; }
¿Por qué no estás declarando clase / id para otros divs?