W celu zastosowanie różnych stylów elementów w zależności od ich stanu stosuje się określenia pseudoklas. Wyróżnić można następujące pseudoklasy: :link – pseudoklasa nieodwiedzanego jeszcze łącza (linka); :visited – pseudoklasa odwiedzonego już łącza; :hover – pseudoklasa wskazywanego myszą łącza; :active – pseudoklasa wybranego (klikniętego) łącza; :focus – pseudoklasa elementu, który został zaznaczony, lub wybrany klawiszem tabulatora Wszystkie powyższe pseudoklasy mogą zostać użyte ze znacznikiem a>, natomiast ostatnia może dodatkowo dotyczyć wszystkich elementów formularzy. Pozwala to określić inny wygląd łącza (linku) zanim został wybrany (kliknięty) oraz inny wygląd po najechaniu nad link wskaźnikiem myszy. W przypadku pól formularzy, pseudoklasa :focus pozwala na zdefiniowanie innego wyglądu nieaktywnych pół oraz innego dla pola w którym znajduje się kursor (edytowanego pola).
W celu zastosowanie różnych stylów elementów w zależności od ich stanu stosuje się określenia pseudoklas. Wyróżnić można następujące pseudoklasy: :link – pseudoklasa nieodwiedzanego jeszcze łącza (linka); :visited – pseudoklasa odwiedzonego już łącza; :hover – pseudoklasa wskazywanego myszą łącza; :active – pseudoklasa wybranego (klikniętego) łącza; :focus – pseudoklasa elementu, który został zaznaczony, lub wybrany klawiszem tabulatora Wszystkie powyższe pseudoklasy mogą zostać użyte ze znacznikiem a>, natomiast ostatnia może dodatkowo dotyczyć wszystkich elementów formularzy. Pozwala to określić inny wygląd łącza (linku) zanim został wybrany (kliknięty) oraz inny wygląd po najechaniu nad link wskaźnikiem myszy. W przypadku pól formularzy, pseudoklasa :focus pozwala na zdefiniowanie innego wyglądu nieaktywnych pół oraz innego dla pola w którym znajduje się kursor (edytowanego pola).
    DEMO