Combinare i selettori per contesto

I selettori contestuali prendono in considerazione il contesto in cui gli elementi HTML sono inseriti.

selettoreSemplice selettoreSemplice { dichiarazione }
Esempio di utilizzo di selettori per contesto
<style type="text/css">
  p span {font-style: italic }
</style>

<p>
  Paragrafo con testo in <span>rosso</span>
</p>

Paragrafo con testo in rosso

Individua gli span che sono discendenti di un elemento p

Gli span con non sono discendenti di un p non sono influenzati da questa regola

Cristian Lucchesi 9/49
© Servizi Tecnologici - IIT/CNR - 1-5 dic 2003