.png){kind=icon}
CSS.png){kind=icon}
Strona główna
Blog
O nas
Centrum pomocy
Wsparcie
Popularne pseudo klasy
Oto lista najważniejszych pseudo klas:
:hoverstylizuje element, gdy użytkownik najedzie na niego kursorem myszy.
:activestylizuje element, gdy jest on aktywny (np. gdy jest wciśnięty przycisk).:focusstylizuje element, gdy jest on sfokusowany (np. gdy użytkownik kliknął na tekst).:visitedstylizuje element, który został już odwiedzony przez użytkownika (np. link).:checkedstylizuje zaznaczone elementy formularza, takich jak pola wyboru i przełączniki.:defaultsłuży do stylizowania elementu zdominowanego przez wartość domyślną.:disabledstylizuje elementy formularza, który jest wyłączony i nie może być aktywowany.:emptysłuży do stylizowania elementu, który nie zawiera żadnych dzieci.:enabledstylizuje elementy formularza, który jest włączony i może być aktywowany.:first-childstylizuje pierwszy element w liście elementów.:first-of-typestylizuje pierwszy element tego samego typu w elemencie nadrzędnym.:indeterminatestylizuje nieokreślony element formularza typu checkbox:in-rangestylizuje element formularza z wartością w określonym zakresie:invalidsłuży do stylizowania elementu formularza, kiedy jego wartość jest nieprawidłowa.:last-childsłuży do stylizowania ostatniego dziecka w elemencie nadrzędnym.:last-of-typesłuży do stylizowania ostatniego elementu tego samego typu w elementu.:linksłuży do stylizowania elementu typu link, który jeszcze nie został odwiedzony.:nth-child(n)stylizuje elementy, który jest n-tym dzieckiem w elemencie nadrzędnym.:nth-last-child(n)stylizuje n-te od końca dziecko w elemencie nadrzędnym.:nth-last-of-type(n)stylizuje n-ty od końca element tego samego typu.:nth-of-type(n)stylizuje n-ty element tego samego typu w elemencie nadrzędnym .:only-childstylizuje element, który jest jedynym dzieckiem w elemencie nadrzędnym.:only-of-typestylizuje jedyny element tego samego typu w elemencie nadrzędnym.:optionalsłuży do stylizowania elementu formularza, który nie jest wymagany.:out-of-rangestylizuje element formularza, kiedy wartość jest poza zakresem "min" i "max:read-onlystylizuje element formularza, który jest tylko do odczytu.:read-writestylizuje element formularza z możliwością zapisu i odczytu.:requiredsłuży do stylizowania elementu formularza, który jest wymagany.:rootstylizuje element będący głównym elementem dokumentu.:scopeokreśla zakres w selektorze CSS, stylizuje elementy zależnie od kontekstu.:targetstylizuje element odpowiadający ID lub fragmentowi URL w adresie strony.:validstylizuje prawidłowy element formularza.
Notatka
Pseudo-klasy są często używane do tworzenia efektów interaktywnych i zmiany wyglądu elementów na stronie bez konieczności dodawania i usuwania klas JavaScriptem.