CSS之a:hover下的span样式无效的解决方法

　　下面的例子中，a标签里包含了一个span，我们可能希望当鼠标移到a上时，span的样式发生变化，但是在ie6下发现无效

<!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="#">鼠标移过来看看这个网址是否变颜色：www.liehuo.net</a> </body> </html> <center>如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提示：可修改后代码再运行!

　　解决方法：（定义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="#">鼠标移过来看看这个网址是否变颜色：www.liehuo.net</a> </body> </html> <center>如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提示：可修改后代码再运行!

热点

CSS之a:hover下的span样式无效的解决方法

由 dawei

您错过了

内容营销新纪元：站长视频直播策略升级探秘

从策划至上线：全站建设资源全解析实战指南

字体渲染优化：加速加载，提升视觉美感

市场洞察秘籍：创业者精准捕捉行业趋势的实战策略

CSS之a:hover下的span样式无效的解决方法

由 dawei

相关文章

导航界面推荐广告？蔚来回应 不会用车机屏幕展开广告业务

第四届进博会进入布展阶段 首批展品已进入场

他们是数字经济领域的弄潮儿，2021年度数字新浙商榜单发布

您错过了

内容营销新纪元：站长视频直播策略升级探秘

从策划至上线：全站建设资源全解析实战指南

字体渲染优化：加速加载，提升视觉美感

市场洞察秘籍：创业者精准捕捉行业趋势的实战策略

导航界面推荐广告？蔚来回应不会用车机屏幕展开广告业务

第四届进博会进入布展阶段首批展品已进入场