如何在CSS中调用id内部的锚点

Question

这是我的html代码

<ul id="o1">
<li>
<a href="#">testing</a> 
</li>
</ul>

我想更改文本"测试"的颜色。我该怎么做。我使用css代码使用了几个过程，没有一个能正常工作。以下是我使用的

ul#o1 li a{ background-color: red} 
#o1{background-color: red}
#o1 li a{background-color: red}

<ul id="o1">
<li>
<a href="#">testing</a> 
</li>
</ul>

如何更正我的代码？

Answer 1

您必须将color添加到<a>，要更改文本的颜色，您必须使用color属性，而不是background-color。

避免使用数字作为选择器id，如果是'o1'，请尝试使用其他内容。

ul #o1 li a{ background-color: red} 
#o1{background-color: red}
#o1 li a{
background-color: red;
color:yellow;
}

<ul id="o1">
<li>
<a href="#">testing</a> 
</li>
</ul>

Answer 2

如果你想设置文本颜色，你必须使用css颜色属性：

CSS：

ul #o1 li a{ background-color: red} 
#o1{background-color: red}
#o1 li a{background-color: red; color: white;} /*The font-color is now white */