ul+li ネストを使用して複数レベルのメニュー効果を実現するにはどうすればよいですか? _html/css_WEB-ITnose

我想要用ul+li实现多级动态菜单，可以灵活添加元素和删除元素。
预期的效果如下：（图中的线是我画的，帮助理解各元素关系的，实际页面中不需要。）


但是现实的效果惨不忍睹，添加元素功能实现了，但是排版是乱的，完全看不出来逻辑关系
截图如下：


代码如下：

• 
  工程名称：
  


• 
  项目名称：
  • 子项名称：
    
  
  
  • 
    
    
    
  
  
  
  


• 
  
  

谁能告诉我どのように実現？感谢，你的代很简单呀，原来都不知道还これは、私たちの代コードではなく、それぞれの新しく追加された入力の id と名前の両方がボディの構造に使用されており、すべての入力の名前は上の 1 つ目の入力の id であり、これは名前によって取得できます。次のすべての入力、id もすべて「type_layer_series_number」というこの関連システムで指定されたものです。 ，逻辑关系不清了，我想实现下图的効果，不知道有以没何么办法，如果你知道能说一下吗？

図のように：

rreee