Gaya pautan CSS:
a :pautan (tidak dilawati)
a:tuding (tuding tetikus)
a:dilawati (dilawati: sebenarnya telah sampai ke halaman itu)
a:aktif (klik tetikus dan lepaskan) (Ia tidak mempunyai kesan pada objek tanpa atribut href)
Elemen ini mempunyai susunan yang berbeza apabila mentakrifkan CSS, yang secara langsung akan membawa kepada kesan paparan pautan yang berbeza.
Kekhususan diisih daripada umum kepada khas: pautan--dilawati--tuding--aktif
Kesan yang diingini boleh dicapai seperti berikut:
a: pautan {warna: biru}
a:dilawati{warna: merah}
a:legar{warna: kuning}
a:aktif{warna: putih}
Jika ditakrifkan seperti ini:
a:legar{warna: kuning}
a:pautan{warna: biru}
a:dilawati{warna: merah}
a:aktif{warna: putih}
Anda tidak boleh melihat tuding Ia berfungsi, kerana :link ialah kesan yang paling umum dan skopnya lebih besar daripada hover, jadi ayat sebelumnya dilindungi.
Contoh:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>链接样式</title>
<style>
a:link {background-color:#B2FF99;} /* unvisited link */
a:visited {background-color:#FFFF85;} /* visited link */
a:hover {background-color:#FF704D;} /* mouse over link */
a:active {background-color:#FF704D;} /* selected link */
</style>
</head>
<body>
<p><b><a href="/css/" target="_blank">这是一个 link</a></b></p>
<p><b>注意:</b> hover必须在:link和 a:visited之后定义才有效.</p>
<p><b>注意:</b> active必须在hover之后定义是有效的.</p>
</body>
</html>
bahagian seterusnya