1024
问
热门
后端
前端
数据库
移动端
小程序
WEB
运维
大数据
区块链
注册
登录
默认
JAVA
C语言
Python3
C++
JavaScript
GO
Mysql
Android
Swift
物联网
人工智能
大数据
云计算
区块链
css a:hover下的span样式无效的解决方法
Carol
·
更新时间:2024-09-20
· 673 次阅读
测试代码:
<!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>
提示:您可以先修改部分代码再运行
hover
CSS
span
需要
登录
后方可回复, 如果你还没有账号请
注册新账号
相关文章
Java 数组
Onida
2021-02-08
661
Java 正则表达式
Laurie
2020-11-30
811
Python 测验
An
2020-01-20
846
html+css设计两个摆动的大灯笼
Thalia
2023-02-26
1458
CSS3使用双旋转实现福到了的迎春喜庆特效代码
Olinda
2023-02-26
1901
CSS3实现一根心爱的二踢脚示例代码
Bunny
2023-02-26
23
利用css动画实现节流
Kefira
2023-02-26
562
CSS动画实现跳动的足球(疯狂世界杯)
Jacinthe
2023-02-26
865
CSS样式覆盖的操作代码
Viridis
2023-02-26
166
css实现文字充电效果的示例代码
Tertia
2023-02-26
443
C++20中的std::span详解
Malinda
2023-03-04
1558
C++20中的span容器及用法小结
Nora
2023-03-04
1108
使用canvas制作炫酷黑客帝国数字雨背景html+css+js
Elina
2023-03-29
1421
关于CSS渲染:CSS是如何绘制颜色的
Querida
2023-04-14
183
CSS中height:100vh和height:100%的区别
Serafina
2023-04-19
951
CSS实现鼠标悬停svg图标描边效果
Rhea
2023-04-19
734
36种漂亮的CSS3网页按钮Button样式(主要结合before与after)
Malinda
2023-04-19
935
纯CSS实现了下划线的交互动画效果
Kathy
2023-04-19
677
CSS 实现块级元素靠右的方法
Nora
2023-04-19
653
纯CSS实现鼠标悬停图片上升显示描述案例
Pandora
2023-04-19
1001
我要提问
致谢
帮助他人,成就自己。
人生最大成功就是伸出热情而温暖的双手,尽自己所能去帮助身边的每一个人,只要无私的奉献,就会收获到美好的生活。
1024问感谢每一位朋友的帮助和支持。
软件开发网提供编程的基础软件技术培训教程,软件开发编程实例讲解Go,Node,HTML,CSS,Javascript,Python,Java,Ruby,C,PHP,MySQL等软件开发编程语言以及数据开发的基础知识,也提供大量的软件开发在线实例、从入门到精通就在1024问。
育儿网
微养生
全球行
美食街
育儿
菜谱大全
海南旅游
女性
养狗百科
星座