hover第三种方法

hover第三种方法

/*.dropdown-active .dropdown-toggle,*/
.dropdown:hover .dropdown-toggle{
	background-color: #fff;
	border:1px solid #cdd0d4;
}
/*.dropdown-active .dropdown-arrow,*/
.dropdown:hover .dropdown-arrow{
	background: url("../img/dropdown-arrow-active.png");
}
/*.dropdown-active .dropdown-layer,*/
.dropdown:hover .dropdown-layer{
	display: block;
} /*方法3:nav-site鼠标移入移出效果;*/

老师为什么还在每个前面加上注释中的内容,,这个不是第二种js的方法,,而且第三种方法没有添加这个dropdown-active类

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
好帮手慕糖 2019-09-29 10:49:50

同学你好,1、注释,是指的如下部分吗?

这个是因为我们要使用第三种方式来实现,所以把第二种方式注释掉了哦。

http://img1.sycdn.imooc.com/climg/5d901b300927e65003210213.jpg

2、第二种方式是在js中,移入的时候添加dropdown-active是这个类,所以我们可以设置这个类下面的元素的样式来达到效果。

而第三种方式,没有添加类了,直接给dropdown设置hover ,然后给其后代元素设置属性,所以不需要dropdown-active这个类了哦。

希望能帮助到你,祝学习愉快!

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
2.组件化网页开发
  • 参与学习           人
  • 提交作业       1121    份
  • 解答问题       14456    个

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

了解课程
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师