Strukturalne pseudoklasy
Część sekcji Mistrzowskie opanowanie CSS ścieżki HTML w Coddy. Lekcja 12 z 43.
Strukturalne pseudoklasy w CSS służą do stylizowania elementów na podstawie ich pozycji lub struktury w dokumencie HTML. Pozwalają wybierać elementy, takie jak pierwsze dziecko, ostatnie dziecko lub dziecko o określonym numerze, bez potrzeby dodawania dodatkowych klas ani identyfikatorów.
Typowe przykłady:
:first-child: wybiera pierwsze dziecko elementu nadrzędnego.
:last-child: wybiera ostatnie dziecko elementu nadrzędnego.:nth-child(n): wybiera n-te dziecko (np. co 2., 3. itd.).
Spróbuj swoich sił
Ta lekcja nie zawiera wyzwania z kodem.
Sprawdź sięTa lekcja zawiera krótki quiz. Zacznij lekcję, żeby na niego odpowiedzieć i śledzić swoje postępy.
Wszystkie lekcje w sekcji Mistrzowskie opanowanie CSS
1Opanowanie selektorów – łączenie
WprowadzenieSelektor potomkaSelektor dzieckaSelektor sąsiadującego rodzeństwaSelektor ogólnego rodzeństwaWyzwanie podsumowujące7Twórz za pomocą CSS Grid
Podstawy GridRozmieszczanie elementów w wierszach siatkiNazwane obszaryWyzwanie podsumowujące2Interaktywne pseudoklasy
PseudoklasyEfekty najechania kursoremEfekty fokusuStyle aktywneWyzwanie podsumowujące3Strukturalne pseudoklasy
Strukturalne pseudoklasyWybieranie pierwszego elementu potomnegoWybieranie ostatniego elementu potomnegoMoc wzorców: użycie nth-childWyzwanie podsumowującePoćwicz samodzielnie: Edytor online Web