如何正确地将 CSS 样式应用于具有特定 class 的 div 中的所有图像？

Question

我有以下 HTML:

<div class="group-item">
    <a href="profile.html">
        <img src="resources/img/icons/projects/wifi.png">
    </a>
</div>

我正在尝试以这种方式在具有 class="group-item" 的 div 中设置 img 标签的 CSS 属性：

.groups-item img {
    float: left;
    margin-right: 15px;
    width: 80px;
}

但它不起作用，它没有应用到之前的 img 标签（我使用了 FireBug，我可以看到样式没有应用）

为什么？我错过了什么？如何正确地将样式应用于 div 内具有 class="group-item" 的所有 img 标签？

Answer 1

.group-item img {
    float: left;
    margin-right: 15px;
    width: 80px;
}

应该可以，我在 css 声明

中删除了 groups- 中的 s

Answer 2

问题出在你的Class定义

您在 HTML 中给了 Class 名称组项，而您在 CSS 中使用了 .groups-item。

像

一样使用它

.group-item a img {
    float: left;
    margin-right: 15px;
    width: 80px;
}

How to correctly apply a CSS style to all the images in a div having a specific class?