获取那些有子子 ul 的 li

2024-02-16

如何获得那些li有孩子的ul。我想将 CSS 设置为那些li。我无法设置班级,因为li是动态打印的。当我如下设置 CSS 时,它设置了所有父级li来加。

.ul{
 width:200px;
 position:relative;
}
.ul li{
   position:relative;
 }
.ul > li:before{
 content : '+';
 position: absolute;
 top: 0;
 right: 7px;
}
<ul class="ul">
<li>List 1</li>
<li>List 2</li>
<li>List 3
    <ul>
       <li>Sub List 1</li>
       <li>Sub List 2</li>
       <li>Sub List 3</li>
    </ul>
</li>
<li>List item 4</li>
</ul>
This is style for that.

实际上你们很接近。诀窍是简单地设计每一个ul那是在一个里面.ul。然后移动+到您希望它出现的位置(即在父 li 的第一行之后)。

.ul {
  width: 200px;
  position: relative;
}
.ul li {
  position: relative;
}
.ul ul::before {
  content: '+';
  position: absolute;
  top: 0;
  right: 7px;
}
<ul class="ul">
  <li>List 1</li>
  <li>List 2</li>
  <li>List 3
    <ul>
      <li>Sub List 1</li>
      <li>Sub List 2</li>
      <li>Sub List 3</li>
    </ul>
  </li>
  <li>List item 4</li>
</ul>
This is style for that.
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

获取那些有子子 ul 的 li 的相关文章

随机推荐