Pseudo-clase CSS
Pentru a stiliza un element aflat într-o stare specială, adaugă la selectorul său un cuvânt cheie numit pseudo-clasă.
Utilizări tipice pentru pseudo-clase: reacția când utilizatorul plasează cursorul deasupra unui element, diferențierea linkurilor vizitate de cele nevizitate, marcarea unui element care are focus, stilizarea elementelor de formular valide, nevalide, obligatorii sau opționale și alegerea unui element care este primul copil al părintelui său.
Sintaxă
Mai întâi vine un singur simbol două puncte (:), apoi numele pseudo-clasei.
Sintaxa pseudo-clasei
selector:pseudo-class-name {
CSS properties
}
Pseudo-clase interactive
Pseudo-clasele interactive sunt determinate de interacțiunea utilizatorului. :hover se aplică cât timp mouse-ul este deasupra unui element, :focus cât timp un element are focus, iar :active cât timp este activat; :link se referă la linkurile nevizitate, iar :visited la cele vizitate.
Pseudo-clase structurale
Pseudo-clasele structurale sunt determinate de poziția elementului în arborele documentului. :first-child se potrivește cu primul copil al unui părinte, :last-child cu ultimul copil, iar :nth-child(n) cu al n-lea copil. :lang() este grupată tot aici, deși se potrivește cu o anumită limbă, nu cu o poziție.