html - :not() is not ignoring class in list-items with links

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}

Fiddle

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>