手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >css a:hover下的span样式无效的解决方法
css a:hover下的span样式无效的解决方法
摘要:测试代码:a:hoverspan{font-weight:bold;color:#F00}鼠标移过来看看这个网址是否变颜色:www.jb51...

测试代码:

<!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>

提示:您可以先修改部分代码再运行

【css a:hover下的span样式无效的解决方法】相关文章:

CSS中文字体对应的英文写法

IE6 innerHTML写入的iframe src不显示BUG的解决方法

为不同的浏览器载入不同CSS的二种方法

firefox中div+css的外层背景色不见的解决方法

css美化Div边框的样式实例

css清除浮动方法和代码

css3中flexbox伸缩盒深入理解

清除行内元素之间HTML空白的几种解决方案

span设CSS样式总是不起作用的解决方法

ie placeholder属性的兼容性问题解决方法

精品推荐
分类导航