老师请问为什么要写两遍dropdown-toggle?

为什么写了一遍的.dropdown-active .dropdown-toggle,然后又写了一个.dropdown:hover .dropdown-toggle

它们不是同一个元素吗，不都是hover上去之后的样式吗？

源自：实战：站点导航组件化 3-5 让菜单下拉

收起

2回答

好帮手慕言回答被采纳获得+3积分 2020-09-13 10:16:41

同学你好，解答如下：

1、.dropdown-active .dropdown-toggle代表：给dropdown-active的子元素dropdown-toggle设置样式，和hover没有关系。

2、.dropdown:hover .dropdown-toggle代表：dropdown在hover时，给dropdown的子元素dropdown-toggle设置样式。

两者是不一样的。下方这种写法，可以参考上方第一条

如果我的回答帮到了你，欢迎采纳，祝学习愉快~

提问者王俩亮 2020-09-12 23:36:31

.dropdown-active .dropdown-toggle,
/*.dropdown:hover .dropdown-toggle*/{
    background-color: #fff;
    border-color: #cdd0d4;
}

如果只写.dropdown-active .dropdown-toggle它也是鼠标hover到dropdown之后改变背景和边框，为什么浏览器上没有效果呢。请老师多指教，谢谢！

老师有问题

登录后可查看更多问答，登录/注册

本阶段在运用JS实现动态网页开发的基础上，带你深入理解企业开发核心思想，完成一个企业级网页的开发，体验前端工程师的成就感。

问答作业

37 3

22 4

78 1

80 1

56 1

请稍等 ...

请选择置顶位置