Selektory kontekstowe.

Służą do formatowania warunkowego (w zależności od kontekstu strony). Zapisywane są w postaci:
znacznik_pierwszy  znacznik_drugi {właściwość: wartość}.
Oznacza to, że tekst objęty znacznikiem <znacznik_drugi> ma być zielony, jeżeli jest zawarty
w znaczniku <znacznik_pierwszy>.
Załóżmy, że tło tekstu objętego znacznikiem <em> (tekst pochylony) ma być pomarańczowe, jeżeli jest w bloku znacznika <p> i żólte, gdy jest w bloku znacznika <div>.

Przykłady (efekt - kod w head - kod w body).

Tekst pochylony objęty znacznikiem p

 
p em {background-color:orange;}
div em {background-color:yellow;}
 <p><em>Tekst pochylony</em> objęty znacznikiem p</p>
Tekst pochylony objęty znacznikiem div
 
p em {background-color:orange;}
div em {background-color:yellow;}
 <div align="left"><em>Tekst pochylony</em> objęty znacznikiem div</div>
do góry   menu   powrót   naprzód