html - 更改 CSS 样式表中列表的颜色

Question

所以我有一些用于 html 中有序列表的代码，我正在尝试制作一个样式表，为每个添加的深度添加不同的颜色。

例如:

<ol>
 <li>This is red</li>
  <ol>
   <li>This is blue</li>
  </ol>
</ol>

如何使用 CSS 样式表执行此操作？

尝试过这样的事情:

ol.a {
 color:blue;
}
ol.b {
 color:red;
}

显然它没有用，否则我不会在这里。

Answer 1

HTML:

<ol class="a">
 <li>This is red</li>
  <ol class="b">
   <li>This is blue</li>
  </ol>
</ol>

CSS:

ol.a {
 color:red;
}
ol.b {
 color:blue;
}