CSS :link-seudolaji

Määrittely ja käyttö

CSS :link Seudot käytetään valitsemaan ja asettamaan ei käytyjen linkkien tyylejä.

Huomioitavaa::link Seudot eivät aseta käytyjen linkkien tyylejä.

Vinkki:Käytä :visited Aseta vieraillun sivun linkin tyylit, käyttäen :hover Aseta hiiren osoitin päällä olevan linkin tyylit, käyttäen :active Aseta klikatun linkin tyylit.

Huomioitavaa:CSS-määrittelyissä:link On asetettava :hover！（Jos olemassa）voi vaikuttaa!

Esimerkki

Esimerkki 1

Valitse ja aseta ei käyty linkkien tyylit:

a:link {
  background-color: yellow;
}

Kokeile itse!

Esimerkki 2

Valitse ja aseta ei käyty, käyty, hiiren osoitin päällä ja aktiiviset linkkien tyylit:

/* Ei käyty linkit */
a:link {
  color: green;
}
/* Vieraillut linkit */
a:visited {
  color: green;
}
/* Hiiren osoitin päällä oleva linkki */
a:hover {
  color: red;
}
/* Aktiivinen linkki */
a:active {
  color: yellow;
}

Kokeile itse!

Esimerkki 3

Aseta linkkien eri tyylit:

a.ex1:hover, a.ex1:active {
  color: red;
}
a.ex2:hover, a.ex2:active {
  font-size: 150%;
}

Kokeile itse!

CSS-kieli

:link {
  css-deklaroinnit;
}

Tekninen yksityiskohta

Selaimen tuki

Taulukossa olevat numerot määrittävät ensimmäisen selaimen version, joka täysin tukee kyseistäseudolajia.

Aiheeseen liittyvät sivut

Oppitunti:CSS-linkit

Oppitunti:CSS-seudolajit