Html 基于第n层的动态css

我有一个导航树，可以连续构建一个嵌套的类别列表

有没有办法将嵌套类别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;
}

---

在CSS3中，您可以使用第n个子选择器

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