html - significado - css todos los divs frente a los divs directos

div style background color

Question

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:

1. No puedo agregar atributos de class .
2. Tengo que escribir selectores que comiencen con .Root .

¿Algunas ideas?

Answer 1

¿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/

Answer 2

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;
}

Answer 3

.root { border: 1px solid green; }

¿Por qué no estás declarando clase / id para otros divs?