css - 删除 a 中的填充不打扰列表的其余部分

Question

我有一个作为侧边栏的列表，左侧填充为 20px。在我的列表末尾，我插入了一张图片，不希望 20px 影响我的图片。如何仅为我的图像删除填充？

我试图包含屏幕截图，但由于我是新用户，该功能被禁用。

#sidebar li {
    margin-bottom: 40px;
    padding: 0 15px 0 20px;
}

<li>
    <h2>Follow</h2>
    <p><img src="../../Desktop/Root/_Images/follow.jpg" width="240" height="76" alt="Follow" /></p>
</li>

Answer 1

使用负偏移量IMG或P补偿padding-left：

IMG {margin-left: -20px; }

或重置特定项目的填充，例如最后一个：

#sidebar LI:last-child {padding-left: 0; }

Answer 2

在 CSS 中，更具体的规则胜过不太具体的规则，因此您定义的任何样式：

sidebar li img {

将覆盖从以下位置继承的：

sidebar li {