老师遇到个css的问题，麻烦解答下谢谢
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
.head {
font-size: 2rem;
padding: 2rem 0;
}
.title{
color:#333333;
}
.subtitle{
color:#999999;
padding-left:1rem;
}
.head:hover{
background-color:#F3F3F3;
color:#2877ED;
}
</style>
</head>
<body>
<div class="head">
<span class="title">团队</span>
<span class="subtitle">team</span>
</div>
</body>
</html>
为什么这样鼠标滑过字没有变颜色？怎么才能变颜色啊？
0
收起
正在回答
2回答
同学， 你好。
鼠标经过head的时候，字体的设置其实是起效果了，只不过你是给head设置的字体颜色，里面span也设置了字体颜色，而且自己设置的优先级要比，他们的父级head的优先级要高，所以就没有变色。如果你想给他俩变色的话，需要单独设置，单独给span设置hover。
如果帮助到了你，欢迎采纳！
相似问题
麻烦老师解答一下，感谢
24
0
3
老师您好 我遇到了问题 麻烦老师帮忙解答谢谢老师
21
0
5
老师麻烦看一下 调试不出来 代码如下
6
0
2
麻烦老师解答，谢谢
1
0
3
老师,麻烦帮帮我,找了很久也没解决的问题!
0
0
4
登录后可查看更多问答，登录/注册
组件化思想开发电商网页 18版
- 参与学习 人
- 提交作业 467 份
- 解答问题 4826 个
本路径带你通过系统学习HTML5、JavaScript、jQuery的进阶知识，不仅如此，还会学习如何利用组件化的思想来开发网页，知识点+案例，使得所学可以更好的得到实践。
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星