.dropdown-active .dropdown-toggle{}
# 具体遇到的问题
老师,.dropdown-active .dropdown-toggle{}的意思是.dropdown-active 父元素下的.dropdown-toggle子元素,这和直接写.dropdown-toggle一个意思啊
正在回答
同学你好,老师不是十分明白同学的意思,大体给同学讲一下,看能否解答同学的疑惑:
1、.dropdown-active .dropdown-toggle这个类名的作用是改变dropdown-toggle的样式。而该类名是在鼠标移入dropdown时添加的(利用jquery代码添加的),如下:
因此鼠标移入dropdown时,dropdown就会拥有.dropdown-active 这个类名,从而让dropdown-toggle样式改变:
2、该样式只能改变.dropdown-toggle的样式,对于dropdown-layer中的元素,鼠标移入时背景色会改变:
这是通过如下样式实现的:
同学试着理解一下。
如果无法解答同学的疑惑,建议同学再详细描述一下疑惑点,老师再为你解答。
祝学习愉快!
同学你好,严格来讲,二者的意思不一样,具体如下:
.dropdown-toggle的意思就是选择元素dropdown-toggle,不论页面哪个结构中有dropdown-toggle,都会被选中。而.dropdown-active .dropdown-toggle则添加了约束条件,即我们选取的是.dropdown-active下的 .dropdown-toggle(更严谨的找到目标元素)。举个简单的例子,桌面上有红黄两个篮子,里面都有苹果,.dropdown-toggle的意思是拿到篮子中的苹果,那么两个篮子中的苹果都会获取到;而.dropdown-active .dropdown-toggle的意思是拿到红色篮子中的苹果,因此二者是有区别的。
祝学习愉快!
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星