css - 在 CSS 中一起使用 After 和 Hover

Question

为了显示指向外部页面的链接，我使用 css 的 after 属性在文本后添加了一个小 gif。

.[style]:after{content:url(../images/main/externallink.gif)}

问题在于在滚动时改变图像(改变颜色)；以下代码工作正常，但将图像添加到第一个而不是更改它!

.[style] a:hover:after{content:url(../images/main/externallinkover.gif)}

任何人都可以建议一种使原始“后”图像消失的方法，或者建议一种完全不同的方法吗？

Answer 1

您将悬停图像应用于与初始图像不同的元素。

如果您将两个图像都应用到链接，您应该得到您想要的行为:

.[style] a:after{content:url(../images/main/externallink.gif)}

.[style] a:hover:after{content:url(../images/main/externallinkover.gif)}

(查询:我认为 .[style] 不是您使用的实际选择器？)