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;
}

你想要a第三个标签li.