html - CSS 列表填充随每个级别增加

标签 html css

我有一些 css 代码可以使列表样式将左填充增加到每个级别 4px。但我知道 future 的增量水平可能会失控。那么我们可以像下面这样在每个级别的列表中循环填充增量吗?

#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;}

最佳答案

试试这个

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

关于html - CSS 列表填充随每个级别增加,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32944164/

相关文章:

html - 链接预加载似乎不会改变下载优先级

html - CSS中使用@import的优缺点是什么

javascript - Electron 中 MaterializeCSS 中的所有输入表单看起来都被粉碎了

html - 固定图片到底部

html - CSS sibling ,首先

php - 从数据库动态加载博客文章

HTML/CSS 如何使用 grid-template 属性

html - 调整图像大小以适合 div(作为背景)的最佳方式

javascript - TypeError : $ . 查找不是函数

html - 确定浏览器将下载文件、excel 和 VBA 的位置