Question

想知道是否可以在没有javascript的情况下为每个＆＃34;文件夹＆＃34;添加填充到子项目。元素如果有多个。在硬编码中看起来像这样：

folder folder inner {
    padding-left: 14px;
}
folder folder folder inner {
    padding-left: 28px;
}
folder folder folder folder inner {
    padding-left: 42px;
}
folder list item {
    padding-left: 14px;
}
folder folder list item {
    padding-left: 28px;
}
folder folder folder list item {
    padding-left: 42px;
}

视觉效果： http://imgur.com/uThq7Bk

Answer 1

你只需要考虑一下CSS就更难了。在不知道您确切的元素结构的情况下，这似乎就足够了，取代所有示例代码并提供进一步扩展它的方法。

folder > folder { padding-left: 14px } / *all child folders of a folder get 14px */
folder > list > item {padding-left: 14px }

Answer 2

我认为以下是一种很好的方式。

folder * *{
 padding-left: 14px;
}

基本上文件夹中的每个元素都会得到14px的填充。它看起来就像你希望它在你的链接中看起来一样，因为填充将与每个孩子的父母一起堆叠。

为每个父级添加填充到子级

2 个答案: