: link - CSS-Tricks

Anonim

:linkSelectorul este un pseudo-clasă , care vizează toate ancora nevizitate ( ) elemente pe o pagină.

a:link ( color: aquamarine; )

Exemplul de mai sus va schimba culoarea tuturor linkurilor nevizitate către acvamarin.

Când este utilizat în combinație cu :hoverpseudo-clasa, :linktrebuie să apară mai întâi sau altfel să nu fie deloc definit, pentru ca :hoverstilurile să funcționeze. Acest lucru se datorează faptului că sunt la fel de specifice, așa că, dacă :linkar urma, stilurile respective ar înlocui stilurile de plutire.

:linkPseudo-clasa va viza toate elementele care au un hrefatribut, chiar dacă hrefare o valoare goală. Deci, în acest sens, este ca selectorul de atribute (href).

Aceasta înseamnă că următoarele trei elemente HTML pot fi stilizate prin intermediul :linkpseudo-clasei:

CSS-Tricks CSS-Tricks CSS-Tricks

Cu toate acestea, al treilea exemplu din blocul de cod de mai sus ar fi HTML nevalid.

Există doar trei elemente HTML care acceptă hrefatributul: , și . Numai elementul poate fi stilizat prin intermediul :linkpseudo-clasei.

De asemenea, nu puteți adăuga hrefatributul la un alt tip de element și să-l faceți stilabil prin intermediul :link. Cu alte cuvinte, dacă ați avea următorul HTML:

 CSS-Tricks 

Următoarele CSS nu ar avea efect:

div:link ( color: aquamarine; )

Din nou, HTML ar eșua validarea, deoarece hrefnu este un atribut valid pentru .

Datorită faptului că :linkpoate viza doar elemente, :linkstilurile pot fi definite în CSS fără selectorul de tip de element, astfel:

:link ( color: aquamarine; )

De asemenea, pentru toate scopurile practice atunci când se utilizează HTML, :linkpseudo-clasa este oarecum irelevantă, deoarece același efect poate fi obținut prin simpla direcționare directă a tuturor elementelor:

a ( color: aquamarine; )

Cu toate acestea, dacă există elemente pe pagină care nu au hrefatributul setat (de exemplu, pe paginile vechi utilizate ), codul de mai sus ar viza aceste elemente și acest lucru ar putea să nu fie rezultatul dorit.

De asemenea, trebuie subliniat faptul că, începând cu CSS2, alte limbaje ale documentelor (în afară de HTML) pot defini alte elemente, în afară de ancore, care pot fi stilizate prin :linkpseudo-clasă.

Suport pentru browser

Crom Safari Firefox Operă IE Android iOS
Orice Orice Orice Orice Orice Orice Orice