.on,a:hover
来源：4-1 伸缩菜单的制作——改变高度
根本停不下的龙
2018-10-30 14:13
.on,a:hover{
background-position:0 -30px;
color: black;
background-color: red;
height: 40px;
margin-top: -10px;
}
为什么只有首页的背景色变红了，其他栏目没有变化
为什么只有首页栏目是固定的鼠标移到上面没有变化，其他栏目就会有变化
写回答
关注
1回答
-
- qq_风中枫_0
- 2018-11-01 16:25:43
首先，.on和a:hover是对两种元素状态的样式控制，.on是对class为on的元素进行css样式设置，而只有首页具有class为“on”的属性，所以只有它初始状态为红色；a:hover是对鼠标移到a标签之后的样式进行设置，所有的栏目其实都会产生变化，但是首页栏目由于初始样式即（.on）控制的样式和鼠标移到首页上的样式即（a:hover）控制的样式是一样的，所以没有变化。
导航条菜单的制作
水平、垂直、圆角导航条菜单，让您的技术探索之路更高效
123836 学习 · 838 问题