.on,a:hover

来源:4-1 伸缩菜单的制作——改变高度

根本停不下的龙

2018-10-30 14:13

https://img1.mukewang.com/5bd7f5fe0001fc4f07910110.jpg

.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 问题

查看课程