Selektor klasy

Selektor klasy wyszukuje każdy element z atrybutem class w dokumencie HTML. Atrybut class jest zdefiniowany jako lista przedmiotów oddzielonych ze sobą spacją, jeden z nich musi zgadzać się z podaną klasą w selektorze (CSS).

Składnia

.nazwaklasy { właściwości stylu }

Jest to równoważne z attribute selector (en-US):

[class~=nazwaklasy] { właściwości stylu }

Przykład

CSS

span.classy {
  background-color: DodgerBlue;
}

HTML

<span class="classy">Przykładowy tekst.</span>
<span>Kolejny przykładowy tekst.</span>

Specyfikacje

Selectors Level 4
Selectors Level 3
CSS Level 2 (Revision 1)
CSS Level 1

Kompatybilność z przeglądarkami

Przeglądarka	Wsparcie
Chrome	Tak
Edge	Tak
Firefox	Tak
Internet Explorer	Tak
Opera	Tak
Safari	Tak