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中删除填充（或使用一些黑客作为负边距，例如边距-left：-37px ）。

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