Html 填充<;UL>;用线缩进

Html 填充<;UL>;用线缩进,html,css,Html,Css,是否可以在缩进处填入一条线(或点或其他东西) Html 这不是一个通用的解决方案,而是一个快速的胜利: HTML: <ul>Foo <ul>Bar <ul>Foo </ul> </ul> </ul> ul { margin: 0; padding: 0; } ul > ul:before { content: "------"; } ul > ul

是否可以在缩进处填入一条线(或点或其他东西)

Html


这不是一个通用的解决方案,而是一个快速的胜利:

HTML:

<ul>Foo
   <ul>Bar
      <ul>Foo
      </ul>
   </ul>
</ul>
ul {
    margin: 0;
    padding: 0;
}
ul > ul:before {
    content: "------";
}

ul > ul > ul:before {
    content: "------------";
}

你自己看看吧

这不是一个通用的解决方案,而是一个快速的胜利:

HTML:

<ul>Foo
   <ul>Bar
      <ul>Foo
      </ul>
   </ul>
</ul>
ul {
    margin: 0;
    padding: 0;
}
ul > ul:before {
    content: "------";
}

ul > ul > ul:before {
    content: "------------";
}
你自己看看吧