是否应该将游标属性设置在带或不带:悬停伪类的规则中？

Question

如果你或者我已经编码了一个HTML元素..。

<a id='hydrogen' href='#'>H</a>

...and一些:hover CSS..。

#hydrogen:hover {
  background:red;
}

...and现在我们想在悬停的时候放一个花哨的光标。有两种选择：

适用于无国籍要素：

#hydrogen { 
  cursor:pointer;
}

或者，应用于:悬停状态。

#hydrogen:hover { 
  color:red;
  cursor:pointer;
}

我的问题是:有什么理由可以解释为什么一种方法比另一种更好？

...or是番茄还是番茄？

Answer 1

兼容性: IE6及其更低版本只识别a元素上的:hover伪类。

Answer 2

它们都是相同的，只要你总是希望pointer在那里，没有规则的悬停。

:hover伪类will inherit cursor: pointer from its non hovered state。

我宁愿把它放在正常的选择器上，而不是:hover上。

Answer 3

这两种方式都同样好。但是，如果元素不是锚点，我会将其放在id本身上，因为如果元素不是锚点，:hover在ie6或更低的地方不工作。如果您不关心IE的旧版本。那么这两种方法都是正确的。