如何仅修改有序列表（ol）列表项的文字颜色为蓝色

你之前用ol li设置颜色会把所有嵌套的列表项也染成蓝色，是因为这个选择器是后代选择器，会匹配ol下所有层级的li元素，不管是不是直接嵌套的。

要只选中带数字编号的有序列表的直接子项，用直接子选择器>就可以了，它只会匹配父元素的直接子元素。修改后的CSS代码如下：

ol > li {
  color: blue;
}

这样设置后，只有<ol>直接包含的<li>（也就是"League 1"、"League 2"、"Coupe"这些项）会变成蓝色，嵌套在<ul>里的子项文字颜色不会受影响。

对应的HTML结构不需要改动，使用你原来的代码即可。

内容的提问来源于stack exchange，提问作者nigeria