简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Maison > interface Web > tutoriel HTML > le corps du texte

CSS:hover选择器_html/css_WEB-ITnose

WBOY
Libérer： 2016-06-21 09:11:45
original
2096 Les gens l'ont consulté

在鼠标浮动在元素上后，元素的样式改变的情况下，: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>
Copier après la connexion
Étiquettes associées：
CSS:hover选择器
source：php.cn
Article précédent：PurifyCSS：清除单页应用中没有使用的 CSS_html/css_WEB-ITnose Article suivant：CSS与SVG动画库：Animate Plus_html/css_WEB-ITnose
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
Comment transmettre la clé comme valeur d'option de sélection dans v-for lorsqu'elle est modifiée (VueJS) J'utilise Vue3 et Bootstrap5. J'ai une sélection avec plusieurs options. Maintenant, j'aff...
Depuis 2023-11-17 08:55:24
0
1
276
WordPress 6.0 (add_editor_style) ne charge pas style.css dans l'éditeur Gutenberg Je suis le cours UdemyWordPress pour créer un thème de bloc WordPress personnalisé. J'ai e...
Depuis 2023-11-12 20:37:50
0
2
261
v-date-picker pour sélectionner uniquement le mois et l'année S'il vous plaît dites-moi s'il existe un autre moyen de procéder en utilisant v-date-picke...
Depuis 2023-11-10 14:05:05
0
1
269
Empêcher MySQL de lire lors de la mise à jour J'ai deux requêtes simples, une pour lire la table et une pour mettre à jour la table. Com...
Depuis 2023-11-07 18:05:53
0
1
203
Obtenez les noms de colonnes et les données pour l'exportation CSV (MYSQL) à l'aide de PHP J'ai besoin d'un moyen d'exporter une base de données MYSQL au format CSV via PHP, mais je...
Depuis 2023-11-04 21:59:58
0
2
279
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！