html - CSS nth-child 不起作用

Question

我试图只更改第三个颜色，但出于某种原因，css nth-of-type 不起作用...

    ul li a:nth-of-type(3){
        color: #111111;
    }

 <ul>
        <li class="nav_menu"><a id="currentlink" href="#">HOME PAGE</a></li>
        <li class="nav_menu"><a href="homework/homework2/index.html">II</a></li>
        <li class="nav_menu"><a href="#">III</a></li>
        <li class="nav_menu"><a href="#">IV</a></li>
        <li class="nav_menu"><a href="#">V</a></li>
        <li class="nav_menu"><a href="#">VI</a></li>
        <li class="nav_menu"><a href="#">VII</a></li>
        <li class="nav_menu"><a href="#">VIII</a></li>
        <li class="nav_menu"><a href="#">IX</a></li>
        <li class="nav_menu"><a href="#">X</a></li>
    </ul>

我该如何解决这个问题？感谢您的帮助。

Answer 1

应该是:

ul li:nth-of-type(3) a {
    color: #111111;
}

您需要在第三个 li 中使用 a 标记。