Selektory pseudoklas

Co to są pseudoklasy?

Style CSS normalnie są dodawane do elementów na podstawie ich pozycji w drzewie dokumentu. Taki model nie zawsze jednak jest wystarczający. Pseudoklasy klasyfikują elementy inaczej niż po ich nazwie, atrybutach czy zawartości, tzn. w zasadzie nie są ustalane na podstawie drzewa dokumentu. Mogą być dynamiczne w tym sensie, że element "nabywa" lub "traci" pseudoklasę podczas interakcji z użytkownikiem. Przykładem jest podświetlenie elementu po wskazaniu go myszką przez użytkownika.

Wszystkie pseudoklasy można podzielić w następujący sposób:

1. Pseudoklasy dynamiczne
   • Pseudoklasy linków: :link, :visited
   • Pseudoklasy akcji użytkownika: :active, :hover, :focus
2. Pseudoklasa etykiety: :target
3. Pseudoklasa języka: :lang()
4. Pseudoklasy interfejsu użytkownika:
   • :enabled, :disabled
   • :checked
5. Pseudoklasy strukturalne:
   • :root
   • :nth-child(), :nth-last-child(), :nth-of-type(), :nth-last-of-type()
   • :first-child
   • :last-child
   • :only-child
   • :first-of-type, :last-of-type, :only-of-type
   • :empty
6. Pseudoklasa negacji: :not()

• W tym rozdziale dowiesz się...
• Odsyłacz podstawowy

• Do góry
• Strona główna
• Drukuj rozdział