XHTML 1.0严格，CSS和img边框

Question

我在我的网站上使用XHTML 1.0 Strict，并在我的链接上使用以下CSS样式：

a:hover {
    border-bottom: 1px dotted #447799;
}

和我的图片：

a img, img {
    border: none;
    text-decoration: none;
}

然而，当我将鼠标悬停在标题横幅上时，底部边框仍然显示为点状和蓝色。显然，我不能使用border =“0”，因为它不是XHTML 1.0 Strict Doctype的一部分。

您可以在此处查看我的网站：armorycraft.com

建议？

Answer 1

你可以使用一个类：

a.imageAnchor:hover {
    border:none;
}

不是最美丽的解决方案，但它应该有效。

Answer 2

试试这个：

a img:hover, img:hover {border:none; text-decoration:none;}

Answer 3

问题是边框附加到锚点，但是您正在为图像设置边框：无。

没有简单的方法可以避免这种情况。我建议稍微调整一下：

a:hover {
    border-bottom: 1px dotted #447799;
}

a.image:hover {
    border: none;
}

因此，将“图像”类添加到包含图像的所有锚点，然后就完成了。

Answer 4

a：悬停有边框：1，所以自动a:hover img als有边框：1

我认为这会修复它

a:hover img{border:0;}

现在你不需要为它制作一个全新的课程

Answer 5

这对我有用:(我想你刚忘了冒号（:)

a:img, img {
    border: none;
    text-decoration: none;
}

祝你好运！