CSS . Selettore di classe
Esempio
Seleziona e stilizza tutti gli elementi con class="intro":
.intro {
background-color: yellow;
}
Altri esempi "Provalo da solo" di seguito.
Definizione e utilizzo
Il .class
selettore seleziona gli elementi con un attributo di classe specifico.
Per selezionare elementi con una classe specifica, scrivi un punto (.), seguito dal nome della classe.
Puoi anche specificare che solo elementi HTML specifici dovrebbero essere interessati da una classe. Per fare ciò, inizia con il nome dell'elemento, quindi scrivi il punto (.), seguito dal nome della classe (guarda l'Esempio 1 di seguito).
Gli elementi HTML possono anche fare riferimento a più di una classe (guarda l'Esempio 2 di seguito).
Versione: | CSS1 |
---|
Supporto browser
Selector | |||||
---|---|---|---|---|---|
.class | Yes | Yes | Yes | Yes | Yes |
Sintassi CSS
.class {
css declarations;
}
Altri esempi
Esempio 1
Dai uno stile a tutti gli elementi <p> con class="hometown":
p.hometown {
background-color: yellow;
}
Esempio 2
Questo elemento <p> avrà uno stile in base a class="center" E a class="large":
<p class="center large">This paragraph refers to two classes.</p>