: линк - ЦСС-трикови

Anonim

:linkСелектор је псеудо-класе која циља све унвиситед сидро ( ) елементе на страници.

a:link ( color: aquamarine; )

Горњи пример ће променити боју свих непосећених веза до аквамарина.

Када се користи у комбинацији са :hoverпсеудо-класом, :linkмора се прво појавити или је уопште не дефинисати да би :hoverстилови функционисали. То је зато што су подједнако специфични, па би, ако би :linkдошли после, ти стилови заменили стилове лебдења.

:linkПсеудо-класа ће циљати све елементе које имају hrefатрибут, чак и ако hrefима празну вредност. Дакле, у том смислу је попут селектора атрибута (href).

То значи да се следећа три ХТМЛ елемента могу стилизовати путем :linkпсеудо-класе:

CSS-Tricks CSS-Tricks CSS-Tricks

Трећи пример у горњем блоку кода, међутим, био би неважећи ХТМЛ.

Постоје само три ХТМЛ елементи који прихватају hrefатрибут: , , и . Само елемент може бити стилизован путем :linkпсеудо-класе.

Такође, не можете додати hrefатрибут другој врсти елемента и учинити га стилским путем :link. Другим речима, ако сте имали следећи ХТМЛ:

 CSS-Tricks 

Следећи ЦСС не би имао ефекта:

div:link ( color: aquamarine; )

Поново, ХТМЛ не би успео да провери ваљаност, јер hrefније важећи атрибут за .

Због чињенице да :linkмогу циљати само елементе, :linkстилови се могу дефинисати у ЦСС-у без бирача типа елемента, овако:

:link ( color: aquamarine; )

Такође, за све практичне сврхе када се користи ХТМЛ, :linkпсеудо-класа је помало ирелевантна, јер се исти ефекат може постићи једноставним директним циљањем свих елемената:

a ( color: aquamarine; )

Међутим, ако на страници постоје елементи који немају hrefпостављен атрибут (на пример, на застарелим страницама које су се користиле ), горњи код ће циљати и те елементе, што можда неће бити жељени резултат.

Такође треба нагласити да, почев од ЦСС2, други језици докумената (осим ХТМЛ-а) могу дефинисати и друге елементе, поред сидра, који се могу обликовати путем :linkпсеудо-класе.

Подршка прегледача

Хром Сафари Фирефок Опера ИЕ Андроид иОС
Било који Било који Било који Било који Било који Било који Било који