网站首页
无损音乐
高清电影
游戏新闻
动漫资讯
破解资源
站长资源
游戏攻略
css a:hover下的span样式无效的解决方法
网页制作 发布日期：2025/1/9 浏览次数：
1
正在浏览：css a:hover下的span样式无效的解决方法
测试代码:
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title></title> <style type="text/css"> a:hover span{font-weight:bold;color:#F00} </style> </head> <body> <a href="#">鼠标移过来看看这个网址是否变颜色：<span>www.jb51.net</span></a> </body> </html>
提示：您可以先修改部分代码再运行
解决方法：（定义a:hover的样式，如font-size:12px，或者zoom:1等）
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title></title> <style type="text/css"> a:hover{font-size:12px} a:hover span{font-weight:bold;color:#F00} </style> </head> <body> <a href="#">鼠标移过来看看这个网址是否变颜色：<span>www.jb51.net</span></a> </body> </html>
提示：您可以先修改部分代码再运行
上一篇：
CSS3 border-image详解、应用及jQuery插件
下一篇：
css box-shadow阴影不透明的解决办法
首页
无损音乐
高清电影
破解资源