：not（）不会忽略带有链接的列表项中的类

Question

我正在尝试使用:not()来忽略第一个列表项中的.current类。

HTML：

<ul>
    <li class="current"><a href="#">Home</a></li>
    <li><a href="#">Page 2</a</li>
    <li><a href="#">Page 3</a></li>
</ul>

CSS：

ul li a:not(.current){color:red}

我不能得到:not()来忽略.current类。

我也尝试过：

 ul li a:not(.current a){color:red}

小提琴

Answer 1

:not适用于使用中的元素，因此适用于在这种情况下使用current li

再加上，不知道是否是一个错字，但在你的第二个li ，在a缺少一个<在关闭标签

 ul li:not(.current) a { color:red } 

 <ul> <li class="current"><a href="#">Home</a></li> <li><a href="#">Page 2</a></li> <li><a href="#">Page 3</a></li> </ul> 

Answer 2

您的课程位于html中的li元素上，因此：

ul li:not(.current) a { color: red; }

应该管用。