HTML5/CSS - <ol>带字母和括号?

Ser*_*gio 3 css html5 html-lists

我想知道是否可以使用带有")"intead"的字母." 在有序列表中.像这样的东西:

a) Some text...
b) Some text...
c) Some text...
Run Code Online (Sandbox Code Playgroud)

到现在为止我得到了:

a.) Some text...
b.) Some text...
c.) Some text...
Run Code Online (Sandbox Code Playgroud)

所以我需要消除这些要点.

CSS:

.theclass ol li{
  margin: 0 0 0 1em;
}

.theclass ol li:before{
  content: ') ';
  position: absolute;
  margin-left: -3.4em;
  text-align: right;
  width: 3em;
}
Run Code Online (Sandbox Code Playgroud)

HTML:

<div class="theclass">
 <ol type="a">
   <li>Some text...</li> 
   <li>Some text...</li>  
   <liSome text...  </li> 
 </ol>
</div>  
Run Code Online (Sandbox Code Playgroud)

小智 6

我找到了这个.

我没有足够的积分来表扬.这不是我的解决方案!

在这里找到它:有序列表(HTML)低-α与右括号?

关于Jsfiddle的例子

ol {
counter-reset: list;
margin: 0; }

ol > li {
list-style: none;
position: relative; }

ol > li:before {
counter-increment: list;
content: counter(list, lower-alpha) ") ";
position: absolute;
left: -1.4em; }
Run Code Online (Sandbox Code Playgroud)

我想这就是你要找的......?

另一个答案可以在这里找到: 如何删除OL LI中有序列表项中的数字后面的点"."?Moin Zaman回答道