永发信息网

css a:hover伪类基础用法~~~

答案:4  悬赏:60  手机版
解决时间 2021-12-04 11:01
  • 提问者网友:最美的风景
  • 2021-12-03 21:19
css a:hover伪类基础用法~~~
最佳答案
  • 五星知识达人网友:十鸦
  • 2021-12-03 22:00
定义和用法

:hover 选择器用于选择鼠标指针浮动在上面的元素。
提示::hover 选择器可用于所有元素,不只是链接。
提示::link 选择器设置指向未被访问页面的链接的样式,:visited 选择器用于设置指向已被访问的页面的链接,:active 选择器用于活动链接。
注释:在 CSS 定义中,:hover 必须位于 :link 和 :visited 之后(如果存在的话),这样样式才能生效。

代码效果测试:







请把鼠标指针移动到这些链接上。


这个链接改变颜色。

这个链接改变字体大小。

这个链接改变背景色。

这个链接改变字体。

这个链接会出现下划线。



全部回答
  • 1楼网友:鸠书
  • 2021-12-03 23:47
需要用脚本语言来控制如








显示DIV

style="width:200px;height:110px;background:'#e5e5e5';padding-top:45px;padding-left:60px;visibility: hidden;">
隐藏的DIV~~~


  • 2楼网友:一秋
  • 2021-12-03 23:16





asdfa
fasdfadgadg





这么做是可以实现效果,但不符合w3c标准,a里面加了块元素,建议还是用javascript
这么做是可以,但不符合w3c标准
  • 3楼网友:第幾種人
  • 2021-12-03 22:09
我是链接
隐藏部分

#abc div{display: none;}
#abc:hover div{display: block;}
你最主要错在html结构,div要是a的子元素,即a包裹div
我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
点此我要举报以上问答信息
大家都在看
推荐资讯