老师请问为什么要写两遍dropdown-toggle?
来源:3-5 让菜单下拉
王俩亮
2020-09-12 23:28:47
为什么写了一遍的.dropdown-active .dropdown-toggle,然后又写了一个.dropdown:hover .dropdown-toggle
它们不是同一个元素吗,不都是hover上去之后的样式吗?
2回答
同学你好,解答如下:
1、.dropdown-active .dropdown-toggle代表:给dropdown-active的子元素dropdown-toggle设置样式,和hover没有关系。
2、.dropdown:hover .dropdown-toggle代表:dropdown在hover时,给dropdown的子元素dropdown-toggle设置样式。
两者是不一样的。下方这种写法,可以参考上方第一条
如果我的回答帮到了你,欢迎采纳,祝学习愉快~
王俩亮
提问者
2020-09-12
.dropdown-active .dropdown-toggle, /*.dropdown:hover .dropdown-toggle*/{ background-color: #fff; border-color: #cdd0d4; }
如果只写.dropdown-active .dropdown-toggle它 也是鼠标hover到dropdown之后改变背景和边框,为什么浏览器上没有效果呢。请老师多指教,谢谢!
相似问题