无限级树形菜单，CSS样式有个问题想请教下
功能已经实现了，但是怎样动态的为子节点添加样式，第一个子节点的margin-left:10，子节点的子节点是margin-left:20，子节点的子节点的子节点是margin-left:30，依次推。这个怎么实现呢？我表达的能理解么？我怕我说的不太清楚。
------解决方案--------------------
要看DOM的结构，如果节点元素都一样，只要设置margin-left:10px, 用包含的层次实现即可。
<div class="node">
  <div class="node">
    <div class="node"></div>
  </div>
</div>

------解决方案--------------------
树型菜单可以显示出一个比较明晰的结构，给予人一目了然的感觉。
　　菜单分为以下几种情况：

　　1、有子菜单的菜单，这里称文件夹菜单；

　　　　1.1、打开的文件夹菜单；

　　　　　　1.1.1、不是最后位置的打开的文件夹菜单，如图：点击查看原图；

　　　　　　1.1.2、最后位置的打开的文件夹菜单，如图：点击查看原图；

　　　　1.2、关闭的文件夹菜单；

　　　　　　1.2.1、不是最后位置的关闭的文件夹菜单，如图：点击查看原图；

　　　　　　1.2.2、最后位置的关闭的文件夹菜单，如图：点击查看原图；

　　2、无子菜单的菜单；

　　　　2.1、不是最后位置的无子菜单的菜单，如图：点击查看原图；

　　　　2.2、最后位置的无子菜单的菜单，如图：点击查看原图；

　　HTML代码：

<div id="wrapper">
    <div class="qxd_tree">
        <div class="qxd_tree_node">
            <a href="#" class="qxd_has_drop qxd_drop_show"><span>菜单一</span></a>
            <div class="qxd_tree_node">
                <a href="#" class="qxd_no_drop qxd_cur"><span>子菜单一</span></a>
                <a href="#" class="qxd_has_drop qxd_drop_show"><span>子菜单二</span></a>
                <div class="qxd_tree_node">
                    <a href="#" class="qxd_no_drop"><span>子菜单二一</span></a>
                    <a href="#" class="qxd_no_drop"><span>子菜单二二</span></a>