: nuoroda - CSS-gudrybės

Turinys

:linkSelektorius yra pseudo klasė, skirta visiems unvisited inkarą ( ) elementus puslapyje.

a:link ( color: aquamarine; )

Aukščiau pateiktas pavyzdys pakeis visų neaplankytų nuorodų į akvamariną spalvą.

Naudojant kartu su :hoverpseudo klase, jis :linkturi pasirodyti pirmas arba visai neapibrėžtas, kad :hoverstiliai veiktų. Taip yra todėl, kad jie yra vienodai specifiniai, taigi, jei jie :linkatsirastų, šie stiliai nepaisytų užvedimo stilių.

:linkPseudo klasė nukreipti visus elementus, kurie turi hrefatributą, net jei hrefturi tuščią reikšmę. Taigi ta prasme tai panašu į atributų parinkiklį (href).

Tai reiškia, kad šiuos tris HTML elementus galima sukurti naudojant :linkpseudo klasę:

CSS-Tricks CSS-Tricks CSS-Tricks

Tačiau trečiasis aukščiau minėto kodo bloko pavyzdys būtų netinkamas HTML.

Yra tik trys HTML elementai, kurie priima į hrefatributą: , ir . Tik pseudo klase galima sukonstruoti elementą :link.

Be to, negalite pridėti hrefatributo prie kito tipo elemento ir padaryti jį tinkamu per stilių :link. Kitaip tariant, jei turite šį HTML:

 CSS-Tricks

Ši CSS neturės jokio poveikio:

div:link ( color: aquamarine; )

Vėlgi, HTML nepavyktų patvirtinti, nes hreftai nėra tinkamas atributas .

Atsižvelgiant į tai, kad :linkgalima taikyti tik pagal elementus, :linkstilius CSS galima apibrėžti be elemento tipo parinkiklio:

:link ( color: aquamarine; )

Be to, visais praktiniais tikslais, kai naudojamas HTML, :linkpseudo klasė yra šiek tiek nesvarbi, nes tą patį efektą galima pasiekti tiesiog tiesiogiai nukreipiant visus elementus:

a ( color: aquamarine; )

Tačiau jei puslapyje yra elementų, kurių hrefatributas nenustatytas (pvz., Senuose puslapiuose, kuriuose naudota ), aukščiau pateiktas kodas taip pat bus nukreiptas į tuos elementus, ir tai gali būti ne norimas rezultatas.

Taip pat reikia pažymėti, kad, pradedant CSS2, kitos dokumentų kalbos (be HTML) gali apibrėžti kitus elementus, be inkarų, kuriuos galima suformuoti per :linkpseudoklasę.