使用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;
}

因为要表示你.给它一个类规则(#对于ids).我们img从那里删除了因为它意味着您想要设置img包含在具有mystyle该类的其他元素中的标记.