排序列表編號和內容的不同樣式

Question

是否有可能使有序列表的數字（或字母或數字等）與內容具有不同的樣式，而在每個列表元素內部沒有某種div或span標簽？

Answer 1

可以將列表樣式設置為“ none”，並用CSS計數器和偽元素替換默認編號。 示例： http ： //jsbin.com/agagoc/1/edit

ol {
  list-style: none;
  counter-reset: my-awesome-counter;
}

li {
  counter-increment: my-awesome-counter;
}

li:before {
  content: counter(my-awesome-counter);
  /* any style for numbers, as if they were spans before the content of LIs, goes here */
}

Answer 2

是的，您可以這樣：

li {
  list-style: none;
  counter-increment: myCounter;
}
li:before {
    content: counter(myCounter);
    font-size: 19px;
    color: red;
}