Exemplu
Selectați și stilul de toate elementele cu class="intro" :
.intro {
background-color: yellow;
}
Încearcă - l singur » Mai multe "Try it Yourself" - "Try it Yourself" exemplele de mai jos.
Definiție și utilizare
.class Selectorul selectează elemente cu un atribut specific clasei.
Pentru a selecta elemente cu o anumită clasă, scrie o perioadă de (.) Caracter, urmat de numele clasei.
Puteți specifica, de asemenea, că elementele HTML numai specifice ar trebui să fie afectate de o clasă. Pentru a face acest lucru, începe cu numele elementului, apoi scrieți perioada (.) Caracter, urmat de numele clasei (look at Example 1 below) - (look at Example 1 below) de (look at Example 1 below) .
Elementele HTML se pot referi , de asemenea , mai mult de o clasă (look at Example 2 below) - (look at Example 2 below) de (look at Example 2 below) .
| Versiune: | CSS1 |
|---|
Suport pentru browser-
| Selector | |||||
|---|---|---|---|---|---|
| .class | da | da | da | da | da |
CSS Sintaxa
Mai multe exemple
Exemplul 1
Style toate <p> elemente cu class="hometown" :
p.hometown {
background-color: yellow;
}
Încearcă - l singur » Exemplul 2
Acest <p> Element wil fi stilizat în funcție de class="center" AND la class="large" :
<p class="center large">This paragraph refers to two classes.</p> Încearcă - l singur »