Firefox 3(및 그 이상)에서 정렬된 목록을 어떻게 사용자 정의할 수 있나요?

ol {
  counter-reset: item;
  margin-left: 0;
  padding-left: 0;
}

li {
  display: block;
  margin-bottom: .5em;
  margin-left: 2em;
}

li::before {
  display: inline-block;
  content: counter(item) ") ";
  counter-increment: item;
  width: 2em;
  margin-left: -2em;
}

li::before {
  ...
  content: counter(item) "a) ";
  ...
}

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

li {
  display: block;
  counter-increment: my-counter;
}

li::before {
  content: counters(my-counter, lower-alpha) ". ";
  ...
}

li::before {
  content: counters(my-counter, lower-roman) ". ";
  ...
}