Requisiti
Potrebbe essere utile la lettura di:
Introduzione
I selettori sono quella parte delle regole CSS che individuano un gruppo di elementi di un documento HTML/XHTML ai quali si vogliono applicare le proprietà CSS.
Nella definizione di una regola CSS si utilizza la sintassi indicata di seguito:
regola_css := selettori blocco_definizioni
selettori := selettore [, selettori]
Per ogni regola CSS dobbiamo indicare a quali elementi vogliamo applicare le proprieta' attraverso o 1 singolo selettore o più selettori (per indicare più gruppi di elementi).
Di seguito sono descritti tutti i tipi di selettori CSS.
Selettore di elementi HTML/XHTML
Hanno la forma seguente:
nome_elemento { proprieta }
La regola applica le proprietà a tutti gli elementi del documento HTML/XHTML che hanno il nome indicato da nome_elemento. Ad esempio:
h1 { color: red; }
In questo caso tutti gli elementi H1 (titolo) del documento HTML/XHTML avranno colore rosso.
Selettore di classi
Serve a selezionare tutti quegli elementi che appartengono ad una classe indicata nell'attributo class dell'elemento stesso.
Ad esempio:
<div class="nome_classe">...</div>
La regola CSS andà scritta in questo modo:
.nome_classe { proprieta }
Per uno stesso elemento, nell'attributo class, possiamo applicare più classi separate da uno spazio. Ad esempio:
<h1 class="classe_1 classe_2...classe_n">...</h1>
Possiamo utilizzare insieme selettori di elementi e selettori di classe. Ad esempio:
h1.nome_classe { proprieta }
In questo caso applicheremo le proprietà ai soli tag h1 che fanno parte della classe nome_classe:
<h1 class="nome_classe">...</h1>
Selettore di ID
Agli elementi di un documento HTML/XHTML è possibile assegnare un id univoco. Ad esempio:
<div id="id_univoco">...</div>
I selettori di ID permettono quindi di selezionare un unico elemento del documento HTML/XHTML. Hanno la forma seguente:
#id_univoco { proprieta }
ed applicano le proprietà all'unico elemento del documento identificato da id_univoco.
0 commenti:
Posta un commento