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

應該管用。