: any-link - CSS-trükkök

Anonim

A :any-linkCSS álosztálya módszert kínál a hiperhivatkozás forráshorgonyaként szolgáló elemek kiválasztására.

Ha a forráshorgony kifejezés elvesztett, ez href a HTML elemek attribútumának divatos neve , és . (Miért kellene egy vagy egy CSS-t megcéloznod , meghaladja rajtam, de hé.) A HTML specifikáció sokkal több információt tartalmaz erről.

Az elem, amely elfogad és tartalmaz egy hrefattribútumot, egy hiperhivatkozás, és ezzel lesz kiválasztva :any-link. Ez egy praktikus módszer az összes olyan linkalapú HTML elem kiválasztására, amelyek egyébként függetlennek tűnhetnek és a jelölés megérintése nélkül. Talán azért létezik, mert azt gondolhatja :link, hogy az összes linket kijelöli, de hiányzik :visited, ezért ez mindet összefogja.

Funkcionálisan pont olyan, mint az attribútumválasztó (href).

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

Érdemes megjegyezni, hogy ugyanazokat a HTML elemeket is kiválaszthattuk az :matches()ál-osztály használatával. Például :matches(:link, :visited)ugyanazokat az elemeket fogja kiválasztani, mint :any-link.

Egy másik dolog, amit meg kell jegyezni, hogy a specifikáció az alternatív névjavaslatokat kéri ehhez a választóhoz az írás idején. Bár nem világos, hogy változik-e a név, :matches()korábban az álosztályt nevezték el, :any()ami utalás lehet.

Böngésző támogatás

Az :any-linkál-elemet kísérleti jellegnek tekintik, és része a Selectors 4. szintű specifikációnak, amely jelenleg működő vázlat állapotban van.

A teljes támogatás érdekében az előtaggal szeretné használni:

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

Ne felejtsük el, hogy a választókat nem vesszővel kell elválasztani az egyesítéshez, mivel a böngészők a választókat olyan részekkel dobálják, amelyeket nem értenek.

Böngésző támogatás

Ez a böngésző támogatási adat a Caniuse cégtől származik, amely részletesebben szerepel. Egy szám azt jelzi, hogy a böngésző támogatja az adott és újabb verziók szolgáltatásait.

Asztal

Króm Firefox AZAZ Él Szafari
15 * 3 * Nem 79 6,1 *

Mobil / Tablet

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

Összefüggő

  • :link
  • :matches()
  • :visited

Több információ

  • Kiválasztók 4. szint specifikáció (Munka tervezet)
  • Mozilla dokumentáció