Los selectores descendientes

Sumario

El ␣ combinador (que se supone que representan un espacio, o mejor dicho uno o más espacios en blanco) combina dos selectores tales que el selector combinado incluye sólo los elementos que coinciden con el segundo selector para los que hay un elemento ancestro que coincide con el primer selector. Los selectores descendientes son similares a selectores hijos , pero que no requieren que la relación entre los elementos coincidentes ser estrictamente entre padres e hijos.

Sintaxis

selector1 selector2 { propiedades de estilos }

Ejemplo

span { background-color: white; }
div span { background-color: DodgerBlue; }

<div>
  <span>Span 1.
    <span>Span 2.</span>
  </span>
</div>
<span>Span 3.</span>

Especificaciones

Especificación	Estado	Comentario
Selector CSS Nivel 3	Recommendation
CSS 2.1	Recommendation
CSS 1	Recommendation

Carracterística	Chrome	Firefox (Gecko)	Internet Explorer	Opera	Safari
Soporte básico	(Yes)	(Yes)	(Yes)	(Yes)	(Yes)

Carracterística	Android	Firefox Mobile (Gecko)	IE Mobile	Opera Mobile	Safari Mobile
Soporte básico	?	?	?	?	?