基于第n级的动态css

Question

我有一个导航树，可以不断构建一个嵌套的类别列表。

有没有办法将嵌套类别5px缩进到第n级

/* the traditional way, but this is fixed to 1 level */
#sidebar ul li ul {
    margin-left:5px;
}
#sidebar ul li ul li ul {
    margin-left:10px;
}

Answer 1

在CSS3中，您可以使用nth-child选择器

http://www.w3schools.com/cssref/sel_nth-child.asp

#sidebar ul li ul:nth-child(1) {
margin-left:5px;
}