XHTML1.0严格、CSS和img边框

我在我的网站上严格使用XHTML 1.0，在我的链接上有以下CSS样式：

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

还有我的照片：

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

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

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

建议？

您可以使用一个类：

a.imageAnchor:hover {
    border:none;
}

这不是最漂亮的解决方案，但它应该能起作用。

试试这个：

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

---

问题是边框已附加到锚定，但随后您正在为图像设置边框：无

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

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

a.image:hover {
    border: none;
}

---

因此，将“image”类添加到所有带有图像的锚定中，您就完成了。

a:hover有边框：1，因此自动地

a:hover img

als有边框：1

我想这会解决它

a:hover img{border:0;}

现在你不需要为它创建一个全新的类了这对我很有用：（我想你忘了冒号（：）

---

祝你好运！

我试图避免创建类，但我会尝试。此方法有效。如果可能，我更喜欢无类方法。如果我找不到有效方法，我会接受这个答案。问题是你看到的边框在锚上，而不是图像。没有css唯一的方法来反向引用锚并删除我看到的边框如果它包含一个图像。你可以用javascript来做，但我猜这太过分了。如果浏览器真的正确地实现了CSS，那么只有CSS才有办法。@Peter：我很确定没有CSS标准来定义look aheads，至少在1或2中是这样。如果你知道一个，我真的很有兴趣学习它。

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