Question

我目前正在阅读一本关于开发网站的HTML的书，我遇到了一个练习，要求我突出显示受样式规则影响的树形图中的元素

div#intro{color: red;}

以下是解决方案http://i.imgur.com/y9kYlBw.jpg的图片。我不太同意它，因为我不认为你可以给img元素红色。解决方案是不正确的还是我对继承的理解不正确？

Answer 1

与图像相关的任何文字都是红色的。例如，如果我不提供src，但提供alt文字... alt文字将为红色。

HTML

<div id="red">
    <img alt="This is my alternate text" />
</div>

CSS

#red {
    color: #F00;
}

Answer 2

图片代码仍然会继承颜色，但在绝大多数情况下你都不会实际做任何事情。我能想到的唯一一个用户实际可见的实例是，如果找不到你的图像，它会显示alt文本而不是图像。在这种情况下，图像的替代文字将为红色。

一个更好的例子可能是背景色，因为有更多场景可能会有用。例如。您可以在图像周围填充并且背景颜色可见，或者如果您使用透明PNG，则在应用于图像标记时，背景颜色将在图像后面可见。