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

Question

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

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

我的问题是，我能找到的任何代码都会更改文档中的所有列表，但我只想为特定列表添加括号。
我试图创建一个 class，但显然 "ol" 不接受 "classes"，还是接受？

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

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

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

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

How to add brackets to only specific ordered lists?