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

问题描述:

我有以下HTML:如何正确地将CSS样式应用于具有特定类的div中的所有图像?

<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,我可以看到样式未应用)

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

+2

你'.groups-item'但使用'组item'。 – mplungjan

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

应该工作,我从groups-去掉在S中的CSS声明

+2

真的不值得回答 – mplungjan

+0

@mplungjan为什么值得编辑呢? –

+0

因为我在测试之前编辑它,看看有什么不对。然后我评论说,这是一个拼写错误,而不是回答它是拼写错误 – mplungjan

问题是在类中定义

您在HTML给类名组项目作为您使用.groups-哪里项目在CSS中。

使用它像

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