如何仅将括号添加到特定的有序列表？答案

【问题标题】：How to add brackets to only specific ordered lists?如何仅将括号添加到特定的有序列表？
【发布时间】：2021-09-26 03:02:39
【问题描述】：

我想要一个有序列表，每个小数点后都有一个右括号，如下所示：

1.) 项目 1
2.) 项目 2
3.) 第 3 项

我的问题是，我可以找到的任何代码都会更改文档中的所有列表，但我希望括号仅用于特定列表。
我试图创建一个类，但显然“ol”不接受“类”，或者是吗？

这是我到目前为止的代码，它导致每个列表都接收括号：

<style>
ol > li::marker {
content:counter(list-item) ") ";
}
</style>

<ol>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<ol>

【问题讨论】：

【解决方案1】：

ol当然支持类，你的实现一定是哪里不对。

ol.braces>li::marker {
  content: counter(list-item) ".) ";
  color: red;
}

<ol>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ol>

<ol class="braces">
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ol>

【讨论】：