通过CSS显示层次结构树

Question

如何动态限制从Root到Folder 3的行？ 现在，这条线一直到树的尽头。 请查看DEMO

这是我的HTML和CSS代码：

＆＃13;

＆＃13;

<div>
  <h3>Root</h3>
  <ul>
    <li>Folder 1
      <ul>
        <li>Sub Folder 1.1
          <ul>
            <li>file1.xml</li>
            <li>file2.xml</li>
            <li>file3.xml</li>
          </ul>
        </li>
        <li>file.html</li>
      </ul>
    </li>
    <li>Folder 2</li>
    <li>Folder 3
      <ul>
        <li>file1.xml</li>
        <li>file2.xml</li>
        <li>file3.xml</li>
      </ul>
    </li>
  </ul>
</div>

＆＃13;

nnoremap <leader>L :%s/\(\s*\)def \(\w\S*\)\(self.*\):/\=substitute(submatch(0),submatch(0),'&\r'.submatch(1).'\tlogging.info('''.expand("%p").' '.submatch(2).''')','g')/<cr>

＆＃13;

＆＃13;

＆＃13;

请帮忙。非常感谢你！