.on,a:hover

.on,a:hover{

background-position:0 -30px;

color: black;

background-color: red;

height: 40px;

margin-top: -10px;

}

为什么只有首页的背景色变红了，其他栏目没有变化

为什么只有首页栏目是固定的鼠标移到上面没有变化，其他栏目就会有变化

根本停不下的龙

2018-10-30

源自：导航条菜单的制作 4-1

关注问题我要回答

1288

操作

收起

1 回答

qq_风中枫_0
2018-11-01

首先，.on和a:hover是对两种元素状态的样式控制，.on是对class为on的元素进行css样式设置，而只有首页具有class为“on”的属性，所以只有它初始状态为红色；a:hover是对鼠标移到a标签之后的样式进行设置，所有的栏目其实都会产生变化，但是首页栏目由于初始样式即（.on）控制的样式和鼠标移到首页上的样式即（a:hover）控制的样式是一样的，所以没有变化。