css - 如何使用 CSS 控制不同图像在同一个 DIV 中的位置？

Question

我知道这应该很简单，但我似乎无法让它发挥作用。我有六个带有图标图像的信息框，我将它们列成一个列表。我使用 div# li img 来控制图标的位置。但在最后一个框中有一个图标 img，然后是四个小的社交媒体图标图像。我无法弄清楚如何控制社交媒体图标 img 的位置（填充），因为 div# li img 会覆盖它。

Answer 1

用于#grid li > img仅选择属于li. 社交媒体偶像是年轻的后代。

Answer 2

您仍然可以添加style属性li并控制padding图像

Answer 3

如果您想针对不支持>的真正古老的浏览器，您可以使用更具体的选择器来覆盖它：

#grid li a img {
    padding: 0;
}