游标：鼠标指针悬停还是始终？

Question

我在问自己一个问题：如果始终拥有属性cursor: pointer;或仅拥有:hover，有什么区别？

使用此代码段：

.test{
  cursor: pointer;
}

<span class="test">Hover me

和其他代码段：

.hoverme:hover{
  cursor: pointer;
}

<span class="hoverme">Hover me</span>

都做同样的事情：设置光标图标。但是是否真的需要将此属性（光标的属性）放在hover中？

我的意思是，从逻辑上讲，将其放入hover更具意义，但我不明白。

很明显，如果我必须更改悬停的背景，则此示例本身会自动回答。但是我的问题呢？

Answer 1

从视觉上看，没有区别。但是，在某些情况下，cursor: pointer;非常有用。 cursor: pointer;在某些情况下很有用，为了获得更好的用户体验，您需要将其更改为指针。例如：如果您的HTML中有一个button元素，并且将鼠标悬停在该元素上，则默认情况下，光标不会更改。但是，如果您将cursor: pointer;与:hover一起添加到CSS中的该元素，则可以通过鼓励与该元素的交互来改善用户体验。