html - 使用 CSS 的严格 HTML 中的图像边框

Question

我有以下内容可以在网站上显示可点击的图像(无边框):

<a href="link"><img src="img" border="0" /></a>

但这不是严格的 XHTML 1.0，所以我也更改了它:

<img src="img" class="mystyle" />

还有 CSS:

mystyle img
{
    border: 0px;
}

然而，这仅适用于 Safari 和 Chrome，不适用于 IE 和 FireFox。

我知道 w3 验证器不是必需的，但想知道是否有人遇到过这个问题并且可能有修复 :)

编辑:风格是一个错字，我的意思是类;)

谢谢

Answer 1

需要一些改变(我很惊讶听到它在任何浏览器中工作，看起来基于 webkit 的浏览器不会在图像周围放置边框链接，正如@Adriano 在他的评论中提到的)

HTML

<img src="img" class="mystyle" />

因为style属性是直接给属性值赋值，而不是引用css规则。 class 属性用于此目的。

和 CSS

.mystyle
{
    border: 0px;
}

因为要表示一个类规则，您将 . 添加到它(# for ids)。我们从那里删除了 img，因为这意味着您想要设置包含在具有 mystyle 的其他元素中的 img 标签的样式类。