• —Permiten diferenciar estilos para un elemento en función de su situación respecto a otros elementos
  • —Tipos de situación entre elementos:
  1. —Descendientes: <ul> desciende de <table><li> también desciende de <table>
  2. —Hijos: <ul> es hijo de <table>, <li> de <ul> 
  3. —Adyacentes: Comparte el mismo padre y, además se encuentra inmediatamente consecutivo al anterior.  <table>  y   <p> son adyacente pues están al mismo nivel y son consecutivos.

<table>

   <ul>

<li> ... </li>

    </ul>

</table>

<p> ...</p>

Patrones para selectores de contexto

 

—El documento HTML genera una estructura en árbol
 
Patrones Selectores de Contexto