Gjendjet e Lidhjeve në CSS

Unë mendoj se ju, duke vizituar faqe të ndryshme në internet, keni vënë re se lidhjet zakonisht reagojnë kur miushi vihet mbi to. Një efekt i tillë mund të arrihet duke vendosur Sjelljen e lidhjeve në gjendje të ndryshme.

Për shembull, kështu - a:hover - ne kapim gjendjen kur miushi vihet mbi lidhjen. Në këtë moment ne mund, për shembull, të ndryshojmë ngjyrën e lidhjes ose të heqim/shtojmë nënvizimin e saj. Konstruksioni :hover quhet pseudoklas. Pseudoklasat lejojnë kapjen e gjendjeve të ndryshme të elementeve.

Përveç :hover ka edhe pseudoklasa :link, të cilat kapin një lidhje të pavizituar, dhe :visited, të cilat kapin nje lidhje të vizituar. Në disa faqe me ndihmën e tyre u tregohet përdoruesve, ku kanë qenë, e ku - jo. Ekziston edhe pseudoklasa :active, e cila kap gjendjen vijuese: është klikuar me miush mbi element, por ende nuk është lëshuar.

Në shembullin vijues për lidhjen në gjendje :hover hiqet nënvizimi, në gjendje :link caktohet ngjyra e kuqe, në gjendje :visited - jeshile, në :active - kaltër. Si rezultat do të dalë, se në fillim lidhja do të jetë e kuqe, pas klikimit mbi të - jeshile, nëse shtypet mbi të me miush dhe nuk lëshohet - kaltër, e nëse vihet miushi mbi të - do të bëhet e panënvizuar:

cssa:link {
  color: red;
}
a:visited {
  color: green;
}
a:hover {
  text-decoration: none;
}
a:active {
  color: blue;
}

html<a href="#">link</a>

Результат: