: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适用于使用元素,所以适用于li这是使用current在这种情况下,

另外,不确定是否是一个错字,但在你的第二个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>