简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Rumah > hujung hadapan web > html tutorial > teks badan

CSS:hover选择器_html/css_WEB-ITnose

WBOY
Lepaskan： 2016-06-21 09:11:45
asal
2096 orang telah melayarinya

在鼠标浮动在元素上后，元素的样式改变的情况下，:hover选择器是一种很好的选择。接下来看看:hover的相关定义及用法。

:hover选择器用于选择鼠标指针浮动在上面的元素。

注意：

1.一开始我以为:hover选择器只可用于链接上，但事实上，它竟可以用于所有的元素。
2.在CSS定义中，:hover必须位于:link和:visited之后（如果存在的话），这样才可以生效。

下面来看一段使用的代码。

<!DOCTYPE html><html><head>    <meta charset="utf-8"/>    <style>        p:hover{color:red;}        /*第二个注意事项，可以改变a:hover的位置来验证*/        a:link    {color:blue;}        a:visited {color:blue;}        a:hover   {color:red;}        a:active  {color:yellow;}    </style><head><body>    <p>当鼠标滑过时，字体变红</p>    <a href="http://segmentfault.com/blog/sexyMustaches">sexyMustaches</a></body></html>
Salin selepas log masuk
Label berkaitan：
CSS:hover选择器
sumber：php.cn
Artikel sebelumnya：PurifyCSS：清除单页应用中没有使用的 CSS_html/css_WEB-ITnose Artikel seterusnya：CSS与SVG动画库：Animate Plus_html/css_WEB-ITnose
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Bagaimana untuk menghantar kunci sebagai nilai pilihan pilih dalam v-for apabila diubah (VueJS) Saya menggunakan Vue3 dan Bootstrap5. Saya mempunyai pilihan dengan pelbagai pilihan. Seka...
daripada 2023-11-17 08:55:24
0
1
276
WordPress 6.0 (add_editor_style) tidak memuatkan style.css dalam editor Gutenberg Saya mengikuti kursus UdemyWordPress untuk mencipta tema blok WordPress tersuai. Saya berj...
daripada 2023-11-12 20:37:50
0
2
261
v-date-picker untuk memilih bulan dan tahun sahaja Sila beritahu saya jika ada cara lain untuk melakukan ini menggunakan v-date-picker. Saya ...
daripada 2023-11-10 14:05:05
0
1
269
Halang MySQL daripada membaca semasa mengemas kini Saya mempunyai dua pertanyaan mudah, satu untuk membaca jadual dan satu untuk mengemas kin...
daripada 2023-11-07 18:05:53
0
1
203
Dapatkan nama lajur dan data untuk eksport CSV (MYSQL) menggunakan PHP Saya memerlukan cara untuk mengeksport pangkalan data MYSQL ke CSV melalui PHP, tetapi say...
daripada 2023-11-04 21:59:58
0
2
279
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！