css - :hover does not wrap child elements

Question

我在 anchor 标记内有 span 和图像，问题是当我将它们悬停时，它们不会作为一个悬停。

<a href="">
      <img src="image"/>
      <span>Shopping Cart</span>
</a>

a :hover {
    opacity: 0.6;
}

Fiddle

如有任何帮助，我们将不胜感激。谢谢。

Answer 1

在a :hover ，您正在选择 <a> 的后代悬停的元素。这就是它们分别激活的原因。如果您删除空格 ( a:hover )，它将选择 <a>正在悬停，这就是您想要的。