CSS :any-link-skeema

Määrittely ja käyttö

CSS :any-link Skeema valitsee ja asettaa ulkoasua linkin lähteenä toimiville elementeille.

Linkkiä onko vieraillut tai ei, tämä skeema toimii.

Tämän skeeman sovelletaan kaikille href-ominaisuuden omaaville <a> tai <area> Elementti.

Esimerkki

Esimerkki 1

Valitse ja aseta kaikkien href-ominaisuuden omaavien <a>-elementtien tyylejä:

a:any-link {
  background-color: yellow;
  color: maroon;
}

Kokeile itse!

Esimerkki 2

Aseta kaikille href-ominaisuuden omaaville <a>-elementeille tyylejä. Lisäksi aseta linkkien tyylejä tilanteen mukaan (hover, aktiivinen, vieritetty jne.):

a:any-link {
  background-color: yellow;
  color: maroon;
}
a.ex1:hover, a.ex1:active {
  color: red;
}
a.ex2:hover, a.ex2:active {
  font-size: 150%;
}

Kokeile itse!

CSS-grammatiikka

:any-link {
  css-lauseet;
}

Tekninen tarkistus

Versio: CSS Selectors Level 4

Selaimen tuki

Taulukossa olevat numerot määrittelevät ensimmäisen selaimen version, joka täysin tukee tätä skeemaa.

Chrome Edge Firefox Safari Opera
65 79 50 9 52

Liittyvät sivut

Oppitunti:CSS-linkit

Oppitunti:CSS-painikkeet

Oppitunti:CSS-skeemat