CSS . Selektor klasy
Przykład
Wybierz i stylizuj wszystkie elementy za pomocą class="intro":
.intro {
background-color: yellow;
}
Więcej przykładów „Wypróbuj sam” poniżej.
Definicja i użycie
Selektor .class
wybiera elementy z określonym atrybutem klasy.
Aby wybrać elementy z określoną klasą, wpisz kropkę (.), a następnie nazwę klasy.
Możesz również określić, że tylko określone elementy HTML powinny mieć wpływ na klasę. Aby to zrobić, zacznij od nazwy elementu, a następnie wpisz kropkę (.), a następnie nazwę klasy (spójrz na przykład 1 poniżej).
Elementy HTML mogą również odnosić się do więcej niż jednej klasy (spójrz na przykład 2 poniżej).
Wersja: | CSS1 |
---|
Obsługa przeglądarki
Selector | |||||
---|---|---|---|---|---|
.class | Yes | Yes | Yes | Yes | Yes |
Składnia CSS
.class {
css declarations;
}
Więcej przykładów
Przykład 1
Stylizuj wszystkie <p> elementy z class="hometown":
p.hometown {
background-color: yellow;
}
Przykład 2
Ten <p> element będzie miał styl zgodny z class="center" ORAZ z class="large":
<p class="center large">This paragraph refers to two classes.</p>