既然直接使用css中的hover伪类就可以实现效果,为什么还说这么多?

既然直接使用css中的hover伪类就可以实现效果,为什么还说这么多?

直接用css中的hover伪类我感觉就很方便啊,而且也学过,用的也不少,老师为什么还讲这好几种,是教我们更多的实现方式吗?

另外老师先直接用js实现后,说直接写死了改起来不方便,要一个一个找,然后在css中设置新的类的样式再在js中动态添加和删除类名,可是这样不一样是写死了吗?修改的时候还是要一个个找只不过找的地方变了啊,没有解决一开始提到的修改不便的问题吧?

最后老师把js中的动态修改类名的代码注释了,在css中设置hover伪类来控制,那咋不把第二步的类名也注释了或者删掉呢,留着是为了以后继续使用吗?还有老师讲第二种方法是不是仅仅为了解决兼容性问题?防止IE6及以下不支持hover伪类?

正在回答

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

2回答

同学你好,问题解答如下:

1、在js中修改样式和在css中修改样式虽然工作量差不多,但是通过加类名的方式方便以后有类似结构或者效果的时候进行复用,不用再重新写一遍了,可以从这方便考虑。

2、指的是这几个激活类吧?

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

删除或者不删除都是可以的。不删除也不会影响效果,因为没有.dropdown-active类,下面的样式也不会效果。也可以保留着,便于使用js实现。

两种一起写是为了兼容IE低版本浏览器,一种实现不了,还有另外一种方式解决。

祝学习愉快!

好帮手慕糖 2020-04-11 18:57:40

同学你好,关于你的问题,回答如下:

1、是的哦,这里就是教多种实现方式。可以自由选择使用何种方式。

2、是指样式修改吗?这里主要是考虑若是多次使用的时候,直接改类中的样式即可,不需要在每个对应的js位置进行修改。

3、是指如下这些类吗?

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

是可以去掉的。若不是这个,可以详细的描述下具体指的是哪里。

建议:代码是很灵活的,能实现效果并且能以最简单的方式实现就是好的,两种方式都是可以的。

编程的过程中,我们也会遇到很多这种问题,一种功能,实现的方式有很多种,一般是建议,熟练掌握一种,但是其他的最好也了解,以后团队开发的时候,其他人使用的跟你的可能不是一种方式,但是要知道如何实现的哦。

祝学习愉快~

  • 提问者 Aurora_Meteor #1
    2、我觉得在js中修改样式和在css中修改样式,工作量好像差不多呀,都是修改属性名属性值呀 3、我说的是指的您截图里那部分代码
    2020-04-11 19:25:00
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

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

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

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