Menu
Coddy logo textTech

Selektory klas

Lekcja 4 z 15 w kursie Selektory CSS w Coddy.

Selektor klasy to rodzaj selektora CSS, który wybiera elementy mające określony atrybut class. Atrybut class to niestandardowy atrybut, który możesz dodać do elementów HTML, aby je pogrupować.

Aby wybrać elementy z określoną klasą, użyj kropki (.) i podaj nazwę klasy. Na przykład selektor .my-class wybiera wszystkie elementy, które mają klasę my-class.

Oto przykład użycia selektora klasy do stylowania strony internetowej:

.my-class {
  color: red;
  font-size: 2em;
}

Aby dodać klasę do elementu, wpisz:

<div class="my-class"></div>

Ta reguła CSS nada wszystkim elementom z klasą my-class czerwony kolor i rozmiar czcionki 2em.

challenge icon

Wyzwanie

Łatwy
  • Utwórz stronę internetową z trzema elementami h1.
  • Dodaj klasę do pierwszego elementu h1.
  • Dodaj inną klasę do drugiego elementu h1.
  • Użyj selektora klasy CSS, aby nadać pierwszemu elementowi h1 czerwony kolor i rozmiar czcionki 64px.
  • Użyj innego selektora klasy CSS, aby nadać innemu elementowi h1 niebieski kolor i rozmiar czcionki 32px.

Spróbuj swoich sił

<html>
<head>
  <title>Class Selector Exercise</title>
  <style>
    /* CSS Code goes here */
  </style>
</head>
<body>
  
</body>
</html>

Wszystkie lekcje w sekcji Selektory CSS

Poćwicz samodzielnie: Edytor online Web