在有序列表中,有没有什么方法可以设置列表类型的样式?[复制品]

li {
  font-size: 10px;
  font-weight: 200;
}

li span {
  font-size: 20px;
  /* example font-size, change to your liking */
}

<ol type="A">
  <li><span>Coffee</span></li>
  <li><span>Tea</span></li>
  <li><span>Milk</span></li>
</ol>

ol {
  list-style: none;
  counter-reset: li;
}

li::before {
  content: counter(li, upper-alpha);
  color: #999; /* whatever you wish, here is a light grey... */
  display: inline-block;
  font-size: 10px; /* whatever you need it to be... */
  margin-right: 10px;
}

li {
  counter-increment: li;
}

<ol type="A">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

ol { 
  counter-reset: item;
}
ol li { 
  display: block; 
}
ol li:before {
  content: counter(item) ". ";
  counter-increment: item;
  color: red;
}

<ol>
    <li>Coffee</li>
    <li>Tea</li>
    <li>Milk</li>
</ol>