: saite - CSS-triki

Anonim

:linkSelektors ir pseido-klases, kas orientēta uz visu neapmeklētās enkurs ( ) lapas elementiem.

a:link ( color: aquamarine; )

Iepriekš minētais piemērs mainīs visu neapmeklēto saišu krāsu uz akvamarīnu.

Lietojot kopā ar :hoverpseidoklasi, :linkir jāparādās pirmajam vai arī nav jādefinē vispār, lai :hoverstili darbotos. Tas ir tāpēc, ka tie ir vienlīdz specifiski, tāpēc, ja :linktie tiktu parādīti pēc tam, šie stili ignorētu virzīšanas stilus.

:linkPseido klases atlasīs visus elementus, kas ir hrefatribūtu, pat tad, ja hrefir tukša vērtība. Tātad šajā ziņā tas ir līdzīgs atribūtu atlasītājam (href).

Tas nozīmē, ka visus trīs HTML elementus var veidot, izmantojot :linkpseidoklasi:

CSS-Tricks CSS-Tricks CSS-Tricks

Trešais piemērs iepriekš minētajā kodu blokā tomēr nebūtu derīgs HTML.

Ir tikai trīs HTML elementi, kas akceptē hrefatribūtu: , , un . Izmantojot :linkpseidoklasi, var veidot tikai elementu .

Tāpat jūs nevarat pievienot hrefatribūtu cita veida elementam un padarīt to stilā izmantojamu, izmantojot :link. Citiem vārdiem sakot, ja jums bija šāds HTML:

 CSS-Tricks 

Šādai CSS nebūtu nekādas ietekmes:

div:link ( color: aquamarine; )

Atkal HTML neizdosies pārbaudīt, jo hreftas nav derīgs atribūts domēnam .

Tā kā :linkvar atlasīt tikai elementus, :linkstilus CSS var definēt bez elementu tipa atlasītāja, piemēram:

:link ( color: aquamarine; )

Visiem praktiskiem mērķiem, lietojot HTML, :linkpseidoklasei nav nozīmes, jo to pašu efektu var panākt, vienkārši mērķējot tieši uz visiem elementiem:

a ( color: aquamarine; )

Tomēr, ja lapā ir kādi elementi, kuriem nav hrefiestatīts atribūts (piemēram, mantotajās lapās, kas tika izmantotas ), iepriekš minētais kods tiks mērķēts arī uz šiem elementiem, un tas, iespējams, nav vēlamais rezultāts.

Jāatzīmē arī tas, ka, sākot ar CSS2, citas dokumentu valodas (izņemot HTML) var noteikt ne tikai enkurus, bet arī citus elementus, kurus var veidot, izmantojot :linkpseidoklasi.

Pārlūka atbalsts

Chrome Safari Firefox Opera IE Android iOS
Jebkurš Jebkurš Jebkurš Jebkurš Jebkurš Jebkurš Jebkurš