Как вызвать якорь внутри идентификатора в CSS?

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.

Избегайте использования число в качестве идентификатора селектора, в вашем случае это '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 */