其实active和hover的问题并不复杂,但是又很多的朋友都不太了解响应式页面hover和active的问题,因此呢,今天小编就来为大家分享active和hover的一些知识,希望可以帮助到大家,下面我们一起来看看这个问题的分析吧!
本文目录
响应式页面hover和active的问题
当然会同时生效啦,因为你设置的border和background是两个不同的属性,不能互相覆盖呀~~~~
应该这样:
上面:
border-bottom:2px solid #FF6C00;background:transparent; /*换成你自己想要的*/
下面:
border-bottom:0; /*换成你自己想要的*/background:#A8D1FD;
总之要在不同media query条件下互相覆盖~
同时给div设置了hover和active,为什么只有hover生效,active不起作用
:active 选择器用于选择活动链接。当您在一个链接上点击时,它就会成为活动的(激活的)。这个是针对a标签的、啊
如何阻止:hover、:active等鼠标行为状态的触发
可以使用preventDefault方法阻止触发。preventDefault可以阻止浏览器的默认事件,所以但鼠标将要触发这些行为的时候,可以调用这个方法阻止。如:hover可以在mouseenter的时候阻止。
关于active和hover,响应式页面hover和active的问题的介绍到此结束,希望对大家有所帮助。