【每日一问】有哪些关于鼠标的伪类?

792 阅读1分钟

有哪些关于鼠标的伪类?

与鼠标相关的伪类主要有以下两个:

  • :active
  • :hover 那么问题来了,:active和:hover的作用是个啥?

:active伪类主要的作用是啥?

当用户在浏览网页时,按下鼠标键和松开鼠标键的这段时间内,设置当前元素的样式。

(⊙o⊙)…简单点说就是你按着鼠标的时候,你想更改某个元素的样式,加这个伪类就完事了。

:hover伪类主要的作用是啥?

当用户在浏览网页时,当鼠标悬停在元素上的时候,设置当前元素的样式。

(⊙o⊙)…简单点说就是你按着鼠标停在网页上某个东西上,但是你又没有按下去的时候,你想更改某个元素的样式,加这个伪类就完事了。

如果在触摸屏上的时候使用:hover会怎样?

首先要明确的是,在触摸屏上时,:hover基本上不可以使用。因为不同的浏览器对于:hover伪类的表现不同,因此如果是触摸屏,请做好该样式不生效的准备😃😃😃😃

拓展资料

相关标签

css,伪类,鼠标,:active,:hover