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]不是您使用的实际选择器？）