无法通过 img 元素上的类应用 CSS 属性

Question

我正在尝试通过 class 属性应用一些 CSS 样式。不知何故，这是行不通的。

它直接通过样式属性工作:

<img class="listImage lazy" style="max-width: 100%; height: auto; width: auto\9; /* ie8 */" .. >

它不能通过类属性工作:

.listImage.lazy{
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}

这一个都不是:

.listImage.lazy{
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}

如何将样式应用于类 listImage？

Answer 1

您可以像这样简单地将样式应用于类 listImage:

.listImage {
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}

如果你想为你的两个类添加相同的样式，那么你需要这样写:

.listImage, .lazy {
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}

请注意，您将类 listImage 和类 lazy 分配给了您的 img 标签。