简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Heim > Web-Frontend > HTML-Tutorial > Hauptteil

CSS:hover选择器_html/css_WEB-ITnose

WBOY
Freigeben： 2016-06-21 09:11:45
Original
2096 Leute haben es durchsucht

在鼠标浮动在元素上后，元素的样式改变的情况下，: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>
Nach dem Login kopieren
Verwandte Etiketten：
CSS:hover选择器
Quelle：php.cn
Vorheriger Artikel：PurifyCSS：清除单页应用中没有使用的 CSS_html/css_WEB-ITnose Nächster Artikel：CSS与SVG动画库：Animate Plus_html/css_WEB-ITnose
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Aktuelle Ausgaben
So übergeben Sie den Schlüssel als Auswahloptionswert in v-for, wenn er geändert wird (VueJS) Ich verwende Vue3 und Bootstrap5. Ich habe eine Auswahl mit mehreren Optionen. Jetzt zeige...
Aus 2023-11-17 08:55:24
0
1
276
WordPress 6.0 (add_editor_style) lädt style.css nicht im Gutenberg-Editor Ich nehme am UdemyWordPress-Kurs teil, um ein benutzerdefiniertes WordPress-Block-Theme zu...
Aus 2023-11-12 20:37:50
0
2
261
v-date-picker, um nur Monat und Jahr auszuwählen Bitte sagen Sie mir, ob es eine andere Möglichkeit gibt, dies mit v-date-picker zu tun. Ic...
Aus 2023-11-10 14:05:05
0
1
269
Verhindern Sie, dass MySQL beim Aktualisieren liest Ich habe zwei einfache Abfragen, eine zum Lesen der Tabelle und eine zum Aktualisieren der...
Aus 2023-11-07 18:05:53
0
1
203
Erhalten Sie Spaltennamen und Daten für den CSV-Export (MYSQL) mit PHP Ich brauche eine Möglichkeit, eine MYSQL-Datenbank über PHP in CSV zu exportieren, aber ic...
Aus 2023-11-04 21:59:58
0
2
279
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！