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

来源:3-5 让菜单下拉

王俩亮

2020-09-12 23:28:47

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

它们不是同一个元素吗,不都是hover上去之后的样式吗?http://img.mukewang.com/climg/5f5ce89a090852f713130882.jpg

写回答

2回答

好帮手慕言

2020-09-13

同学你好,解答如下:

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

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

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

http://img.mukewang.com/climg/5f5d80bd0950233903450128.jpg

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

0

王俩亮

提问者

2020-09-12

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

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

0

0 学习 · 14456 问题

查看课程