为了显示转到外部页面的链接，我在文本后面有一个小gif，使用css的after属性。
.[style]:after{content:url(../images/main/externallink.gif)}
问题在于在翻转时改变图像（改变颜色）;以下代码工作正常，但将图像添加到第一个而不是更改它！
.[style] a:hover:after{content:url(../images/main/externallinkover.gif)}
任何人都可以建议一种方法来制作原作＆＃39;之后＆＃39;图像消失了，或建议采用完全不同的方式做到这一点？
答案 0 :(得分：4)
您正在将悬停图像应用于与初始图像不同的元素。
如果您将两个图像应用于链接，您应该得到所需的行为：
.[style] a:after{content:url(../images/main/externallink.gif)}
.[style] a:hover:after{content:url(../images/main/externallinkover.gif)}
（查询：我认为.[style]不是你正在使用的实际选择器吗？）