Selectori de clase pseudo
Pseudo-clasele aplică un stil elementelor în funcție de starea lor, care pot fi modificate de acțiunile utilizatorului și pot depinde și de locația elementului din arborele de documente. Selectorii selectorului de pseudo-clasă încep cu un colon "." Și sunt de obicei adăugați imediat după selectorul de tip fără spații suplimentare între ele:
Codul de mai sus conține patru reguli CSS. Astfel, în fiecare selector se folosește pseudo-clasa. Prima regulă stabilește culoarea legăturilor în care utilizatorii nu au trecut încă, dacă utilizatorul a făcut clic pe link, va fi utilizată a doua regulă. Pseudo-clase: hover și: modificați dinamic afișarea link-ului. hover stilizează linkul numai în momentul în care indicatorul mouse-ului este depășit și: activ numai atunci când utilizatorul a făcut deja clic pe link, dar butonul este încă ținut.
Pseudo-clasele: hover și: active sunt denumite în mod oficial dinamică, deoarece aplică doar stilul atunci când utilizatorul interacționează cu elementele corespunzătoare prin plasarea mouse-ului peste link și făcând clic pe link.
Notă. hover, în plus față de link-uri, pot fi utilizate cu alte elemente, ceea ce vă permite să creați efecte cum ar fi evidențierea unui rând de tabel când plasați mouse-ul peste el. Cu toate acestea, browserul IE6 și versiunile anterioare susțin utilizarea exclusivă a acestor pseudo-clase cu elemente .
Subliniază legăturile
Pseudo-clase: primul copil și: ultimul copil
Un alt exemplu de pseudo-clase este: primul-copil și: ultimul-copil. Pseudo-clasa: primul-copil se referă la primul copil al părintelui desemnat, spre deosebire de el: ultimul copil funcționează invers, se referă la ultimul copil:
Întrucât primul paragraf este primul copil din