【问题标题】:Should I add cursor:pointer to pseudo class :hover or not?我应该添加光标:指向伪类的指针:悬停吗?
【发布时间】:2013-06-18 03:57:28
【问题描述】:

我不知道,我应该用什么

.myclass {
  cursor: pointer;
}

.myclass:hover {
  cursor: pointer;
}

还是没有区别?

【问题讨论】:

  • 听起来合乎逻辑,没有区别。我不会把它悬停。
  • 我想到了其他的伪类。例如for :active cursor 可能是默认值(如果我要添加 cursor:special 仅用于 :hover)。

标签: css pseudo-class


【解决方案1】:

使用任何你想要的。
我会使用第一个,因为它会节省我几行 CSS

否则,您可以为所有其他伪类指定不同的指针。

喜欢:

a:link{cursor:pointer;} /* you still dont need it ... as it's default*/
a:hover{cursor:crosshair;}
a:active:{cursor:wait;}
a:visited{cursor:wait;}

【讨论】:

  • 不过对于提交和按钮很有用。
【解决方案2】:

【讨论】:

    【解决方案3】:

    我发现如果你需要支持 IE7,如果带有样式光标的元素靠近页面底部,使用 :hover 伪类会导致页面不规则地跳转。我建议不要使用 :hover,因为没有它 CSS 也能正常工作。

    【讨论】:

      猜你喜欢
      • 2012-12-15
      • 1970-01-01
      • 2021-10-01
      • 2020-10-12
      • 1970-01-01
      • 2018-02-16
      • 2019-10-06
      • 1970-01-01
      相关资源
      最近更新 更多