Solución:
Lo que publicaste significa literalmente “Encuentra cualquier div que esté dentro de la sección divs y sea el primer hijo de su padre”. El sub contiene una etiqueta que coincide con esa descripción.
No me queda claro si quieres ambos hijos del div principal o no. Si es así, use esto:
div.section > div
Si solo desea el encabezado, use esto:
div.section > div:first-child
Utilizando el > cambia la descripción a: “Encuentra cualquier div que sea descendiente directo de divs de sección”, que es lo que quieres.
Tenga en cuenta que todos los navegadores principales admiten este método, excepto IE6. Si el soporte de IE6 es crítico para la misión, tendrá que agregar clases a los divs secundarios y usarlo en su lugar. De lo contrario, no vale la pena preocuparse.
Encontré esta pregunta buscando en Google. Esto devolverá el primer hijo de un elemento con clase. container, independientemente del tipo de niño.
.container > *:first-child
{
}
CSS se denomina hojas de estilo en cascada porque las reglas se heredan. Usando el siguiente selector, voluntad seleccione solo el hijo directo del padre, pero sus reglas serán heredado por esa divhijos de divs:
div.section > div { color: red }
Ahora, tanto eso div y sus hijos serán red. Debe cancelar lo que haya establecido en el padre si no desea que herede:
div.section > div { color: red }
div.section > div div { color: black }
Ahora solo ese single div que es un hijo directo de div.section será rojo, pero sus hijos divs seguirá siendo negro.