html - 无法在 css 中设置图像样式

Question

我正在尝试更改 div“文本”下图像的边距，但它没有检测到任何样式。我不知道我做错了什么。请指教。

这是HTML

 <div class="text">
    <h2> <img src="/static/meddy1/images/ad.png" alt ="Ads"><a href="/docprofile/{{doc.id}}/">{{doc.name}}</a></h2>
    <h3 id="gray" style="margin-top: -10px;"> {{doc.clinic.address_normal}}</h3>
 </div>

这是CSS

.text {
    margin-top: 0px;
    border: 1px solid;
    border-color: #C0C0C0;
    height: 150px;
    margin-left: 10px;
    text-indent: 10px;
}

.text > img {
    margin-top: 2px;
}

Answer 1

.text > img 正在寻找一级子级，但您的图像是二级级子级。

尝试 .text > h2 > img 或 .text img - 请注意，如果您的 .text< 中有其他图像，第二个可能会导致问题 元素。