Combinare i selettori: tipo e classe

I selettori possono però essere combinati per affinare le selezioni individuate.

Combinare classi e tipi è una delle possibilità offerte dai CSS.

Esempio di selettore per tipo e classe
<style type="text/css">
  p.importante {
  font-weight: bold
}</style>
<p class="importante">Paragrafo importante</p>
Seleziona tutti gli elementi di tipo (p) che hanno class="importante" impostando il font-weight a bold.

Gli elementi di tipo (p) che non hanno class="importante" non sono influenzati da questa regola.

All'interno di un documento HTML l'id deve essere univoco, ma associando lo stesso stylesheet a più documenti è possibile che l'id "mio_id" sia associato ad elementi di tipo diverso. La regola soprastante si applica sono ai p con id="mio_id"

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