2回答

好帮手慕久久

2020-12-25

已采纳

同学你好，老师不是十分明白同学的意思，大体给同学讲一下，看能否解答同学的疑惑：

1、.dropdown-active .dropdown-toggle这个类名的作用是改变dropdown-toggle的样式。而该类名是在鼠标移入dropdown时添加的（利用jquery代码添加的），如下：

因此鼠标移入dropdown时，dropdown就会拥有.dropdown-active 这个类名，从而让dropdown-toggle样式改变：

2、该样式只能改变.dropdown-toggle的样式，对于dropdown-layer中的元素，鼠标移入时背景色会改变：

这是通过如下样式实现的：

同学试着理解一下。

如果无法解答同学的疑惑，建议同学再详细描述一下疑惑点，老师再为你解答。

祝学习愉快！

0

好帮手慕久久

2020-12-25

同学你好，严格来讲，二者的意思不一样，具体如下：

.dropdown-toggle的意思就是选择元素dropdown-toggle，不论页面哪个结构中有dropdown-toggle，都会被选中。而.dropdown-active .dropdown-toggle则添加了约束条件，即我们选取的是.dropdown-active下的 .dropdown-toggle（更严谨的找到目标元素）。举个简单的例子，桌面上有红黄两个篮子，里面都有苹果，.dropdown-toggle的意思是拿到篮子中的苹果，那么两个篮子中的苹果都会获取到；而.dropdown-active .dropdown-toggle的意思是拿到红色篮子中的苹果，因此二者是有区别的。

祝学习愉快！

0

hq_慕前端7271312

hp>视频中老师用.dropdown-active .dropdown-toggle{}实现的是鼠标悬停在.dropdown-active上时.dropdown-toggle的变化，这种写法只是设置.dropdown-active 父元素下的.dropdown-toggle子元素，怎么实现的鼠标悬停子元素变化

h020-12-25

共1条回复