javascript - 带有缩进动态填充的嵌套列表

标签 javascript css nested html-lists

看看我在 js bin 的代码示例: http://jsbin.com/iritep/3/edit

我想缩进黄色元素而不继续我的硬编码 css 规则:

ul li a {padding-left: 20px;}
ul li ul li a {padding-left: 40px;}
ul li ul li ul li a {padding-left: 60px;}
ul li ul li ul li ul li a {padding-left: 80px;}   /* don't want this line! */

我可以在不添加最后一行 css 的情况下使这个 css 更加动态吗?

最佳答案

很抱歉,Stackoverflow 不允许我在这么短的时间内发表两次评论。这是我的问题的解决方案的链接。

http://jsbin.com/iritep/5/edit#javascript,html,live

关于javascript - 带有缩进动态填充的嵌套列表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9924685/

相关文章:

html - 溢出 : hidden on 2 circle

python - 从以任何顺序存在的python嵌套列表中删除重复的字符串

wordpress - 我网站上唯一响应的部分?

javascript - 如何在最右边的文本框中禁用非整数输入?

javascript - 如何防止用户在不更改代码的情况下将数据输入表单?

javascript - Polarion 事件触发配置

css - 复合相对字体大小 : a clean way to adopt the font-size of the child, 不是父元素

sql - BigQuery 查询嵌套的 json

javascript - 如何在 Node.js 中检测多个数组的多个异步调用何时完成

JavaScript 数组长度不正确