“CSS Pseudo classes” se uporabljajo za dodeljevanje dodatnih efektov na posamezno CSS značko. Nekaj jih prav gotovo že uporabljate pri svojih spletnih projektih. Najbolj znan “CSS Pseudo class” pa je seveda “hover” efekt.


a:hover {
/* hover je pseudo class */
}


“CSS Pseudo classes” nam pridejo prav v različnih situacijah. Nekateri so CSS2 drugi CSS3, vse je odvisno od tipa slednjega. Razen brskalnika IE, izvzeta je verzija IE9, jih podpirajo praktično vsi brskalniki.

“CSS Pseudo classe” lahko razdelimo v naslednje skupine:

• Link-related pseudo class selectors so namenjeni efektom za povezave (:link, :visited, :hover, :active)
• Input & link related pseudo class selectors se uporabljajo za vnosna polja (:focus, :target, :enabled, :disabled, :checked, :indeterminate)
• Position/Number-based pseudo class selectors se uporabljajo za pozicioniranje (:root, :first-child, :last-child, :nth-child(N), :nth-of-type(N), :first-of-type, :nth-last-of-type(N), :nth-last-child(N), :only-of-type)
• Relational pseudo class selectors namenjeni določenim pogojem (:not(S), :empty)
• Text-related pseudo class selectors / elements namenjeni delu z besedilom (:first-letter, :first-line, :lang, ::selection )
• Content-related pseudo elements namenjeni dodajanju elementov (:before, :after)

Zanimvo branje na temo “CSS Pseudo classes”:

• Five Questions with Nicolas Gallagher http://css-tricks.com/five-questions-with-nicolas-gallagher/
• #94: Intro to Pseudo Elements http://css-tricks.com/video-screencasts/94-intro-to-pseudo-elements/ (video)
• Nicolas Gallagher blog http://nicolasgallagher.com/tag/pseudo-elements/

Uporaben video, ki predstavita “CSS Pseudo classes” je Work Backwards to Understand CSS Structural Pseudo Classes.

Vir in podrobnejši opis: http://css-tricks.com/pseudo-class-selectors/