English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Manuale di riferimento CSS

Regole @ CSS (RULES)

Completo elenco delle proprietà CSS

Selettore di classe .class CSS

Manuale di riferimento completo per i selettori CSS

Esempio online

Seleziona e imposta lo stile di tutti gli elementi con class="content":

<!DOCTYPE html>
<html>
<title>Base Tutorial Network (oldtoolbag.com)</title>
<head>
<style>
.content
{
background-color:yellow;
}
</style>
</head>
<body>
<h1>Benvenuti nella mia homepage</h1>
<div class="content">
<p>Il mio nome è Tùtù.</p>
<p>Vivo in Canada.</p>
</div>
<p>La mia migliore amica è Lìlì.</p>
</body>
</html>
Prova a vedere ‹/›

Definizione e uso

 .classIl selettore specifica lo stile di tutti gli elementi della classe.

Compatibilità del browser

IEFirefoxOperaChromeSafari

Tutti i browser mainstream supportano.classSelettore

Esempio online

Applica lo stile con class="myhome" a tutti gli elementi <p>:

<!DOCTYPE html>
<html>
<title>Base Tutorial Network (oldtoolbag.com)</title>
<head>
<style>
p.myhome
{ 
background:red;
}
</style>
</head>
<body>
<p>Il mio nome è Tùtù.</p>
<p class="myhome">Vivo in Canada.</p>
<p>Il mio nome è Tùtù.</p>
<p class="myhome">Vivo in Canada.</p>
</body>
</html>
Prova a vedere ‹/›
Manuale di riferimento completo per i selettori CSS