CSS填充保持继承

CSS填充保持继承,css,overriding,padding,inheritance,Css,Overriding,Padding,Inheritance,我正在制作一个下拉菜单,但是第一个ul的所有样式都被添加到第一个ul下每个ul的样式中 我已尝试使用覆盖样式!重要信息,并将css移动到不同的级别。 有人知道这里发生了什么吗 这张图可能是最好的解释: 谢谢。这是预期的行为。填充物是相对增加的 如果您不希望嵌套的ul被填充37px,则必须从父级ul中删除填充(或使用一些hack作为负边距,例如左边距:-37px) 如果从父级删除填充,则可能需要为每个子级添加一些边距以保留布局。我建议重新考虑HTML结构 #menuwrapper > ul

我正在制作一个下拉菜单,但是第一个ul的所有样式都被添加到第一个ul下每个ul的样式中

我已尝试使用覆盖样式!重要信息,并将css移动到不同的级别。 有人知道这里发生了什么吗

这张图可能是最好的解释:


谢谢。

这是预期的行为。填充物是相对增加的

如果您不希望嵌套的
ul
被填充
37px
,则必须从父级
ul
中删除填充(或使用一些hack作为负边距,例如左边距:-37px)

如果从父级删除填充,则可能需要为每个子级添加一些边距以保留布局。我建议重新考虑HTML结构

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

这应该可以解决您的问题

第二个UL的填充剩余40px,可能还有另一个37px,因为它嵌套在第一个UL中。这有什么问题吗?:)换句话说,填充是相对的,而不是绝对的。作为一个新手,请记住接受你认为有用的答案,并投票给其他答案,特别是如果人们在分析你的问题时表现出了努力和额外的洞察力。祝你好运非常感谢,这就成功了!我对整个嵌套的事情一无所知,所以我没有想到这一点。再次感谢:)