如何使用 CSS 中的字母为 Obsidian 中的嵌套列表动态增加列表计数器?

问题描述 投票:0回答:1

我正在使用 Obsidian 并尝试自定义嵌套有序列表的外观。我想要的是具有以下结构:

1.
  a.
  b.
2.
  a.
  b.

我已经能够获得主列表(1.、2.等)和子列表的数字增量,我希望它们用小写字母(a.、b.、c.等)动态编号.).

这是我到目前为止所拥有的:

span.cm-formatting-list-ol.cm-list-2 {
  color: transparent;
}

span.cm-formatting-list-ol.cm-list-2::after {
  content: counter(sublist-item, lower-alpha) ". ";
  color: black;
  counter-increment: sublist-item;
}

问题是,虽然此方法显示一个字母(例如,

a.
),但它始终保持
a.
并且对于后续列表项不会增加。对于每个新列表项,计数器似乎不会动态递增。

任何人都可以帮我弄清楚如何使用嵌套字母

sublists
使列表正确递增吗?

css html-lists counter nested-lists obsidian
1个回答
0
投票

它应该是 CSS 的一部分。您想要的属性

list-style
或其变体。

ol {
  list-style-type: decimal;
}

ol>li>ol {
  list-style-type: lower-alpha;
}
<ol>
  <li>hello
    <ol>
      <li>bye 1</li>
      <li>bye 2</li>
      <li>bye 3</li>
    </ol>
  </li>
  <li>hello
    <ol>
      <li>bye 1</li>
      <li>bye 2</li>
      <li>bye 3</li>
    </ol>
  </li>
</ol>

© www.soinside.com 2019 - 2024. All rights reserved.