CSS：not（）无法正常工作[重复]

Question

所以我有这样的代码结构：

.header-container a:not(.header-menu-right a) {
  display: none;
}

<div class="header-container">
  <div class="header-menu-right">
    <ul>
      <li><a href="#">link</a></li> 
        <!-- unimportant links -->
        <li><a href="#">link</a></li> 
          <!-- unimportant links -->
    </ul>
  </div>
  <a href="#">link</a> 
  <!-- important link -->
</div>

正如您在注释中看到的那样，我只希望 CSS 更改最后一个 a-tag。

我在这里做错了什么？

Answer 1

试试这个，然后就可以了：

.header-container > a {
    display:none;
}

谢谢！