嵌套列表css样式

Question

我想创建css来生成以下嵌套列表。

1。 item1

• 子项

• 子项

2。 item2

• 子项

• 子项

我想要的是修改数字（粗体或红色）。我在互联网上搜索但我found是一个有序列表的CSS。当我用css创建一个嵌套列表时，我获得的是额外的数字来代替子弹。有人可以帮忙吗？

Answer 1

您只能CSS counter使用li ol这个HTML结构的ol { list-style: none; counter-reset: ol-counter; } ol > li:before { counter-increment: ol-counter; content: counter(ol-counter) ". "; color: red; font-weight: bold; }，然后更改颜色和字体权重。

<ol>
  <li>item1
    <ul>
      <li>sub item</li>
      <li>sub item</li>
    </ul>
  </li>
  <li>item2
    <ul>
      <li>sub item</li>
      <li>sub item</li>
    </ul>
  </li>
</ol>

cv2.imread()