头闻号

深圳市金彩虹塑胶有限公司

模具加工|注塑加工|喷涂加工|护肤膏霜

首页 > 新闻中心 > 科技常识:css a:hover下的span样式无效的解决方法
科技常识:css a:hover下的span样式无效的解决方法
发布时间:2024-12-24 01:08:47        浏览次数:4        返回列表

今天小编跟大家讲解下有关css a:hover下的span样式无效的解决方法 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关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></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></span></a> </body> </html> 提示:您可以先修改部分代码再运行

来源:爱蒂网