Exemplu
Selectați și stil link-uri nevizitate:
a:link
{
background-color: yellow;
}
Încearcă - l singur » Mai multe "Try it Yourself" - "Try it Yourself" exemplele de mai jos.
Definiție și utilizare
: Selectorul link-ul este folosit pentru a selecta link-uri nevizitate.
Note: The: Selectorul link - ul nu se leagă de stil le - ați vizitat deja.
Tip: Utilizați : a vizitat selectorul pentru link - uri de stil la paginile vizitate, : Hover selectorul de legături de stil când mouse - ul peste ele, iar : activ selectorul la link - urile de stil atunci când faceți clic pe ele.
Versiune: | CSS1 |
---|
Suport pentru browser-
Numerele din tabel specifică prima versiune de browser care acceptă pe deplin selectorul.
Selector | |||||
---|---|---|---|---|---|
:link | 4 | 7 | 2.0 | 3.1 | 9.6 |
CSS Sintaxa
:link {
css declarations ;
}
Mai multe exemple
Exemplu
Selectați și stilul nevizitate, a vizitat, mutați, și link-uri active:
/* unvisited link */
a:link {
color: green;
}
/* visited link */
a:visited {
color: green;
}
/* mouse over
link */
a:hover {
color: red;
}
/*
selected link */
a:active {
color: yellow;
}
Încearcă - l singur » Exemplu
Link-uri Stil cu stiluri diferite:
a.ex1:hover, a.ex1:active {
color: red;
}
a.ex2:hover, a.ex2:active {
font-size: 150%;
}
Încearcă - l singur » Pagini similare
Tutorial CSS: CSS Legături
Tutorial CSS: clase CSS Pseudo