Esempio
Selezionare e stile tutti gli elementi con class="intro" :
.intro {
background-color: yellow;
}
Prova tu stesso " Più "Try it Yourself" esempi di seguito.
Definizione e utilizzo
Il .class selettore seleziona gli elementi con un attributo di classe specifica.
Per selezionare elementi con una classe specifica, scrivere un periodo (.) Carattere, seguito dal nome della classe.
È inoltre possibile specificare che gli elementi HTML solo specifici dovrebbero essere influenzate da una classe. Per fare questo, iniziare con il nome di elemento, quindi scrivere il periodo (.) Carattere, seguito dal nome della classe (look at Example 1 below) .
Elementi HTML possono anche riferirsi a più di una classe (look at Example 2 below) .
| Versione: | CSS1 |
|---|
Supporto per il browser
| Selettore | |||||
|---|---|---|---|---|---|
| .class | sì | sì | sì | sì | sì |
CSS Sintassi
Altri esempi
esempio 1
Stile tutto <p> elementi con class="hometown" :
p.hometown {
background-color: yellow;
}
Prova tu stesso " esempio 2
Questo <p> elemento wil essere in stile in base alla class="center" E a class="large" :
<p class="center large">This paragraph refers to two classes.</p> Prova tu stesso "