04. Selektor klasy

Przeznaczenie selektora klasy

Selektor klasy odszukuje każdy element HTML, który posiada atrybut class o podanej przez nas wartości.

Selektor klasy tworzymy za pomocą znaku . (kropka), po którym należy umieścić wartość atrybutu class interesującego nas elementu HTML, dzięki czemu selektor klasy może dokonać selekcji.

Informacje techniczne o selektorze klasy

ograniczenie - elementy HTML

  • brak

ograniczenie - właściwości CSS

  • brak

Przykładowa reguła CSS, selektor klasy

Wyjaśnienie przykładowej reguły CSS

.

  • do każdego elementu HTML, który posiada atrybut class

lipiec

  • o wartości lipiec

color

  • dodaj właściwość CSS, która zmieni kolor tekstu elementu HTML

red

  • na barwę czerwoną

Kod źródłowy przykładowego dokumentu HTML

Rezultat

Interpretacja selektora klasy

Last updated