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

Question

我创建了一个自定义项目符号 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>

Answer 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>

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

Nest a list within a list but don't use custom bullet point in the second nested list

html

css

html-lists