CSS列表填充随着每个级别而增加

Question

我有一些css代码使列表样式增加左边填充到每个级别4px。但我知道未来的增量水平可能会失控。那么我们可以循环填充每个级别的填充增量，如下所示吗？

#menu-panel .navbar-nav > li{padding:0px;}
#menu-panel .navbar-nav > li > ul > li{padding:5px 0 5px 4px;}
#menu-panel .navbar-nav > li > ul > li > ul > li{padding:5px 0 5px 8px;}
#menu-panel .navbar-nav > li > ul > li > ul > li > ul > li{padding:5px 0 5px 12px;}

Answer 1

试试这个

#menu-panel .navbar-nav  li{padding-left:4px;}

Answer 2

傻了我，我只需要这样做：

#menu-panel .navbar-nav > li{padding:0px;}
#menu-panel .navbar-nav > li ul > li{padding:5px 0 5px 8px;}