:not() 不会忽略带有链接的列表项中的类答案

【问题标题】：:not() is not ignoring class in list-items with links:not() 不会忽略带有链接的列表项中的类
【发布时间】：2016-05-12 05:24:54
【问题描述】：

我正在尝试使用: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}

【问题讨论】：

【解决方案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>

【讨论】：

【解决方案2】：

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

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

应该可以。

【讨论】：