Ca urmare a posibilității noastre de a elimina sublinierea dintr-un link, există și alte caracteristici speciale pe care le putem controla pentru ancorele paginii noastre folosind CSS.
Specificând linkul vizitat sau trecerea cursorului în selectorul nostru de linkuri, putem controla ce se întâmplă înainte, în timpul și după ce pe un link a fost dat clic.
Ne putem gândi la acestea ca la aplicarea de atribute în etichetele noastre HTML, cu excepția CSS unde caracteristicile speciale sunt numite pseudo-clase.
Deoarece putem specifica orice regulă CSS validă, putem face ca linkurile noastre să își schimbe culorile, să modificăm fundalurile, să schimbăm textul și proprietățile fontului și orice altceva la care ne vom uita.
Pentru a vedea câteva dintre elementele de bază în acțiune, vom schimba culorile textului pentru fiecare acțiune, precum și culoarea de fundal atunci când trecem cu mouse-ul.
Deoarece va trebui să interacționați cu linkurile pentru a le vedea în acțiune, vom renunța la o imagine aici și puți testa singur codul:
<style>
a:link {color:#FF0000; background-color:yellow;} /* unvisited
link */
a:visited {color:#00FF00; background-color:orange;} /*
visited link */
a:hover {color:#FF00FF; background-color:green;} /* mouse
over link */
a:active {color:#0000FF; background-color:white;} /* selected
link */
</style>
<a href="" target="_blank">Acesta este un link fals!</a>
Sursa: Michael Mendez, The Missing Link – An Introduction to Web Development and Programming (CC BY-NC-SA 3.0 License), Published by Open SUNY Textbooks, Milne Library (IITG PI), State University of New York at Geneseo. Traducere de Nicolae Sfetcu
Lasă un răspuns