css鼠标悬停伪类

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css鼠标悬停伪类相关的知识,希望对你有一定的参考价值。

参考技术A #mydiv:hover
color:red;
cursor:point;

参考技术B css鼠标悬停伪类 :hover 使用方式如下
<div class="test">则是测试div</div>
.test: hover
color: orange;

font-weight: bold;


当鼠标悬停在 div test 上时,test里面的文字会加粗,颜色变为橘色。

鼠标悬停伪类在手机端是看不到效果的,因为手机端是触屏的

以上是关于css鼠标悬停伪类的主要内容,如果未能解决你的问题,请参考以下文章

为啥用css中伪类hover实现(鼠标悬停显示文字,鼠标移走文字消失)的效果失败(脚本没有错)?

[刘阳Java]_CSS鼠标悬停

html如何实现鼠标悬停显示文字,鼠标移走文字消失。

取消悬停时的 CSS3 动画

CSS :hover伪类选择器

css鼠标悬停时,换图片