css - 链接图像边框样式

Question

我希望能够链接我的图像。点击它。返回页面并查看它是否已被访问。我希望我访问的图像在返回时具有不同的颜色边框。

我的代码：

a:link img{border-color:#FFF; border-style:solid; border-width:1px;}
a:hover img{border-color:#03F; border-style:solid; border-width:1px;}
a:visited img, a:active img{border-color:#036; border-style:solid; border-width:1px;}

任何想法，将不胜感激。

Answer 1

链接 CSS 可能很难正确处理，因为许多浏览器可能对此很奇怪。声明链接 CSS 的最佳顺序是

• 关联
• 参观过
• 徘徊
• 积极的

（也被称为助记符 LoVe/HAte）。

另外，尝试声明你的css：

a:hover img {border: 1px solid #036;}

而不是在三个不同的声明中指定它。

Answer 2

告诉我们哪个浏览器不工作可能会有所帮助，因为它们都以不同的方式处理嵌入文本的锚链接。