| < eelmine | Peatüki sisukord |  |
7.1 Pseudoklassid ja -elemendid
Pseudoklasse kasutatakse mingite efektide loomiseks, näiteks liikudes hiirega üle mingi kindla elemendi sisu, linkide eristamiseks või mingi osa fokuseerimiseks.
/*Pseudoklassi kasutamine*/
selektor: pseudoklass { tegevus }
Levinumad pseudoklassid on järgmised:
| Selektor | Näide | Kirjeldus |
| :hover | a:hover | Kursoriga üle elemendi liikumine |
| :link | a:link | Külastamata link |
| :visited | a:visited | Külastatud link |
| ::after | p::after | Lisab sisu pärast <p> elementi |
| ::before | p::before | Lisab sisu enne <p> elementi |
| ::first-letter | p::first-letter | Vormindab <p> elemendi sisu esimese tähe |
Näiteks kui soovime linkide värve muuta:
NB! Tähelepanu tasub pöörata sellele, et pseudoklasside kasutamisel on oluline järjekord.
Kui tahaksime teksti esimest tähte muuta või lisada tekstile midagi ette või taha:
Iseseisev ülesanne:
Veenduge et üleval toodud pseudoklassid töötavad. Koostage veebileht, kus näeks kõigi nende tööd.
| < eelmine | Peatüki sisukord | |