: suvaline link - CSS-trikid

Anonim

:any-linkPseudo-klassi CSS ette meetodi valimise elementi, mis on allikas ankur hüperlingi.

Kui mõiste allikas ankur kadunud teile, see on väljamõeldud nimi href atribuudi HTML elemendid , ja . (Miks peaksite sihtima CSS-i või CSS-i, on minust väljaspool, aga hei.) HTML-i spetsifikatsioonis on selle kohta palju rohkem teavet.

hrefAtribuudi aktsepteeriv ja sisaldav element on hüperlink ja see valitakse koos :any-link. See saab käepäraseks viisiks valida kõik lingipõhised HTML-elemendid, mis muidu võivad tunduda mitteseotud ja ilma märgistust puudutamata. Võib-olla on see olemas, kuna arvate, :linket valiksite kõik lingid, kuid see jääb vahele :visited, nii et see mässib need kõik kokku.

Funktsionaalselt on see täpselt nagu atribuutide valija (href).

Howdy!
:any-link ( color: red; font-weight: 900; text-decoration: none; )

Väärib märkimist, et ka :matches()pseudoklassi abil saaksime valida samad HTML-elemendid . Näiteks :matches(:link, :visited)valib samad elemendid nagu :any-link.

Teine asi, mida tuleb märkida, on see, et spetsifikatsioon palub selle kirjutaja kirjutamise ajal selle valija jaoks alternatiivseid nimesoovitusi. Ehkki on ebaselge, kas nimi muutub, :matches()pseudoklassi nimetati varem, :any()mis võiks olla osunduseks.

Brauseri tugi

:any-linkPseudo-element peetakse katsefunktsioon ja on osa lülitid Level 4 spetsifikatsioonile, mis on praegu tööversiooni staatust.

Täieliku toe saamiseks soovite seda kasutada eesliitega:

:-webkit-any-link ( ) :-moz-any-link ( ) :any-link ( )

Ja pidage meeles, et neid valijaid ei tohiks komaga eraldada, kuna brauserid viskavad valijaid osadega, millest nad aru ei saa.

Brauseri tugi

Need brauseri tugiandmed pärinevad Caniuse'ilt, millel on üksikasjalikum teave. Number näitab, et brauser toetab selle versiooni ja uuemat funktsiooni.

Töölaud

Chrome Firefox IE Edge Safari
15 * 3 * Ei 79 6,1 *

Mobiil / tahvelarvuti

Android Chrome Android Firefox Android iOS-i Safari
88 85 4,4 * 6,0–6,1 *

Seotud

  • :link
  • :matches()
  • :visited

Rohkem informatsiooni

  • Selektorite 4. taseme spetsifikatsioon (töö mustand)
  • Mozilla dokumentatsioon