如何正确地将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标签?
答
问题是在类中定义
您在HTML给类名组项目作为您使用.groups-哪里项目在CSS中。
使用它像
.group-item a img {
float: left;
margin-right: 15px;
width: 80px;
}
你'.groups-item'但使用'组item'。 – mplungjan