css选择器失败并显示'id class img'

时间:2014-08-08 10:20:10

标签: html css

我想知道为什么以下选择器不起作用。

html:

<div id="commissie">
    <img class="logo" src="http://www.dalcanton.it/tito/code/alcaze/foobar.png">
 </div>

css:

#commissie .logo img  {
    margin-top: 100px;
}

这么简单,有人能说出来吗?

2 个答案:

答案 0 :(得分:6)

您正以错误的方式使用它。 .logo类用于img

像这样使用。

#commissie img.logo {
    margin-top: 100px;
}

答案 1 :(得分:1)

你在这里犯了错误,

#commissie .logo img

将此更改为,

#commissie img.logo 
{
margin-top: 100px;
}

之前

enter image description here

<强> AFTER

enter image description here