Apakah fungsi empat kelas pseudo hyperlink css?-Soal Jawab bahagian hadapan-php.cn

Apakah fungsi empat kelas pseudo hyperlink css?

青灯夜游

Lepaskan： 2021-11-09 10:56:09

asal

4157 orang telah melayarinya

Fungsi empat kelas pseudo hyperlink CSS: 1. ":link", yang mentakrifkan gaya pautan biasa 2. ": visited", yang mentakrifkan gaya pautan yang dilawati; hover" , mentakrifkan gaya apabila tetikus melayang di atas pautan; 4. "aktif", mentakrifkan gaya apabila tetikus mengklik pada pautan.

Apakah fungsi empat kelas pseudo hyperlink css?

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi CSS3&&HTML5, komputer Dell G3.

Oleh kerana kami ingin mentakrifkan gaya pautan, teg sauh dalam hiperpautan - a adalah penting Kaedah menulis teg sauh dan pautan kelas pseudo ialah kaedah asas untuk mentakrifkan gaya pautan . , ia ditulis seperti berikut:

a:link, mentakrifkan gaya pautan biasa; pautan yang dilawati Gaya;
a:visited, mentakrifkan gaya apabila tetikus melayang di atas pautan; gaya apabila tetikus mengklik pada gaya pautan.
Antaranya: :link dan :visited hanya boleh digunakan untuk menetapkan hiperpautan a, dan :hover dan :active boleh digunakan pada semua elemen a:hover
:hover digunakan untuk menunjukkan status pergerakan tetikus
a:active

Nota
: Selagi anda telah mencarinya, ia akan dikira sebagai dilawati, melainkan anda mengosongkan data cache penyemakan imbas sejarah.

Unsur pseudo

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>超链接的伪类</title>
    <link rel="stylesheet" href="../css/a.css">
</head>
<body>
     <a href="https://www.12345.com/" target="__blank">没访问过的链接</a>
     <br>
     <a href="https://www.csdn.net/" target="__blank">访问过的链接</a>
</body>
</html>

Salin selepas log masuk

/* 没访问过的链接状态 */
a:link{
    font-size: 20px;
    color: hotpink;
}
/* 访问过的链接状态 */
a:visited{
    color: green;
}
/* 鼠标移入链接时的状态 */
a:hover{
    color: rgb(0, 217, 255);
}
/* 鼠标点击链接时的状态 */
a:active{
    color: rgb(255, 0, 0);
}

Salin selepas log masuk

Unsur pseudo ialah beberapa elemen istimewa pada halaman yang tidak benar-benar wujud mewakili beberapa kedudukan istimewa.

menggunakan unsur pseudo::permulaan

::huruf pertama mewakili huruf pertama

::baris pertama mewakili baris pertama

::pilihan mewakili Kandungan terpilih

::sebelum permulaan elemen

::selepas elemen terakhir Nota:

1 Kerana tetapan::sebelumnya dan: :selepas tidak mempunyai kesan, jadi ::sebelum dan ::selepas mesti digunakan bersama dengan atribut kandungan. 2. Kandungan yang ditambahkan dalam kandungan tidak boleh dipilih dengan tetikus.
3. Teg q dalam HTML mewakili petikan pendek, yang mempunyai kesan menambah petikan berganda Prinsipnya ialah atribut ::before dan ::after digunakan, dan petikan berganda ditambahkan pada kandungan, jadi. petikan berganda bagi tag q tidak boleh dipilih.

(Belajar perkongsian video:

tutorial video css

)

Atas ialah kandungan terperinci Apakah fungsi empat kelas pseudo hyperlink css?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!