Html 如何正确地将CSS样式应用于具有特定类的div中的所有图像?
我有以下HTML:Html 如何正确地将CSS样式应用于具有特定类的div中的所有图像?,html,css,css-selectors,xhtml,Html,Css,Css Selectors,Xhtml,我有以下HTML: <div class="group-item"> <a href="profile.html"> <img src="resources/img/icons/projects/wifi.png"> </a> </div> 但是它不起作用,并且没有应用到前面的img标记(我使用了FireBug,我可以看到样式没有应用) 为什么??我错过了什么?如何将样式正确应用于具有class=“gr
<div class="group-item">
<a href="profile.html">
<img src="resources/img/icons/projects/wifi.png">
</a>
</div>
但是它不起作用,并且没有应用到前面的img
标记(我使用了FireBug,我可以看到样式没有应用)
为什么??我错过了什么?如何将样式正确应用于具有class=“group item”
的div中的所有img标记
如果可以的话,我从css声明中的
组中删除了
,问题在于您的类定义
您在HTML中指定了类名group item,在CSS中使用.groups item
像这样使用它
.group-item a img {
float: left;
margin-right: 15px;
width: 80px;
}
您有
.groups item
,但使用group item
。严重不值得回答,因为我在测试之前对其进行了编辑以查看错误。然后我评论说这是一个拼写错误,而不是回答这是一个拼写错误mistake@mplungjan-很公平,不过,你有5万分,我有1.5公里,我只是想让自己对这个网站有点陌生,所以我会在这里和那里吃一些低挂水果
.group-item img {
float: left;
margin-right: 15px;
width: 80px;
}
.group-item a img {
float: left;
margin-right: 15px;
width: 80px;
}