Html 设置标签内图像的样式

内联样式非常有效

然而，当添加到样式表中时，我似乎无法使其正常工作。在CSS方面，我是一个新手，很难确定嵌套元素的目标。这些不起作用：

。图标img{
边缘顶部：20px；
宽度：40px；
}
标签.图标img{
边缘顶部：20px；
宽度：40px；
}

---

一切都很完美。删除内联样式并添加此

。图标img{
边缘顶部：20px；
宽度：40px；
}

页面标题

一切都很完美。删除内联样式并添加此

。图标img{
边缘顶部：20px；
宽度：40px；
}

页面标题

您不需要指定图像标签内的样式，通过img从标签中指定特定性，检查有关特定性的更多信息，检查此链接

/*选择器也可以是“.icon img”*/
标签img{
边缘顶部：20px；
宽度：40px；
}

您不需要指定图像标签内的样式，通过img从标签中指定特定性，检查有关特定性的更多信息，检查此链接

/*选择器也可以是“.icon img”*/
标签img{
边缘顶部：20px；
宽度：40px；
}

省略

标签

和

图标

之间的空格。如果省略了标签和.icon之间的空格，则两者都应该起作用-除非有其他地方覆盖此CSS。你确定你的CSS正在加载，并且没有其他CSS吗？如果有什么区别的话，我应该声明标签在nav元素中。仍然不工作；我必须用最少的CSS构建一个测试页面，以防它被覆盖。谢谢。省略

标签

和

图标

之间的空格。如果省略了标签和.icon之间的空格，则两者都应该可以工作-除非有其他地方覆盖此CSS。你确定你的CSS正在加载，并且没有其他CSS吗？如果有什么区别的话，我应该声明标签在nav元素中。仍然不工作；我必须用最少的CSS构建一个测试页面，以防它被覆盖。谢谢

<style type="text/css">
    /* the selector could also be ".icon img" */
    label img {
        margin-top: 20px;
        width: 40px;
    }
</style>

<label for="btn" class="icon">
    <img src="images/hamburger3.png">
</label>