css - CSS パディングは継承し続ける

Question

ドロップダウン メニューを作成していますが、最初の ul のすべてのスタイルが、最初の ul の下にあるすべての ul のスタイルに追加されています。

!important を使用してスタイルをオーバーライドし、css を別のレベルに移動しようとしました。ここで何が起こっているかについて手がかりを得た人はいますか？

この画像はおそらくそれを最もよく説明しています: http://screencast.com/t/UrkRbjjaYctp

ありがとう。

Answer 1

#menuwrapper > ul{
padding-left:37px;
}
#menuwrapper ul ul {
padding-left:40px;
}

これで問題が解決するはずです

Answer 2

これは予期される動作です。パディングは相対的に追加されます。

ulネストされたものをパディングしたくない場合は37px、親からパディングを削除する必要がありますul(または、margin-left: -37pxなどの負のマージンとしてハックを使用します)。

親からパディングを削除する場合、レイアウトを維持するために、それぞれの子にマージンを追加する必要があるでしょう。HTML 構造を再考することをお勧めします。