Html 在列表中选择超链接颜色

我有一张这样的清单

<ul>
      <li>ho <a href="#">test</a></li>
      <li>ho <a href="#">test</a></li>
      <li>ho <a href="#">test</a></li>
      <li>ho <a href="#">test</a></li>
</ul>

下面是代码演示

---

将选择器扩展到目标锚点，而不是列表项本身：

li:nth-child(odd) a { 
    color: green;
}

li:nth-child(even) a { 
    color: red;
}​

演示：

li:nth-child(odd) a { 
    color: green;
}

li:nth-child(even) a { 
    color: red;
}​