在列表中嵌套列表，但不要在第二个嵌套列表中使用自定义项目符号点答案

【问题标题】：Nest a list within a list but don't use custom bullet point in the second nested list在列表中嵌套列表，但不要在第二个嵌套列表中使用自定义项目符号点
【发布时间】：2021-08-25 03:55:15
【问题描述】：

我创建了一个自定义项目符号点 IMG，效果很好，但我想在第一个列表中创建第二个嵌套列表，但是当我只想让它成为一个普通的项目符号圆盘时，自定义 IMG 项目符号点扩展到第二个列表。

请告诉我如何解决这个问题。

ul {
  list-style-position: inside;
  list-style-type: none;
  padding=0;
  margin=0
}

#normal li {
  list-style-type: disc !important;
}

.africa_bullet li {
  background: url("https://i.ibb.co/414dNwM/Artboard-3-copy-14.png") no-repeat;
  background-size: 15px;
  padding-left: 20px;
  display: inline-block;
}

<ul class="africa_bullet li" id="black">
  <li>B-BBEE Compliance/Advisory
    <br>

    <ul id="normal_li">
      <li>B-BBEE Strategy & Alignment</li>
      <br>
      <li>Optimisation of B-BBEE Level</li>
    </ul>
  </li>
</ul>

【问题讨论】：

标签： html css html-lists

【解决方案1】：

你是说这个吗？

ul.africa_bullet {
  list-style-position: inside;
  list-style-type: none;
  padding=0;
  margin=0
}

.africa_bullet  {
  background: url("https://i.ibb.co/414dNwM/Artboard-3-copy-14.png") no-repeat;
  background-size: 15px;
  padding-left: 20px;
  display: inline-block;
}

#normal {
  list-style-type: disc !important;
}

<ul class="africa_bullet li" id="black">
  <li>B-BBEE Compliance/Advisory
    <br>

    <ul id="normal_li">
      <li>B-BBEE Strategy & Alignment</li>
      <br>
      <li>Optimisation of B-BBEE Level</li>
    </ul>
  </li>
</ul>

【讨论】：