css - CSS padding 不断继承

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 结构。