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.
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
h1czerwony kolor i rozmiar czcionki 64px. - Użyj innego selektora klasy CSS, aby nadać innemu elementowi
h1niebieski 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