css - パディングの削除リストの残りの部分を邪魔することなく

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 {