Question

我试图选择所有元素，然后选择具有btn类的元素，除了具有navbar，footer或mobile-menu类的元素之外。

我有此代码：

*:not(.navbar):not(.footer):not(.mobile-menu) {
  .btn {
    font-size: 20px;
    padding: .8rem 2rem;
  }
}

但是它不起作用。

有人可以向我解释为什么吗？

编辑：我正在使用sass

Answer 1

给出：

<body>
    <div class="navbar">
        <div class="btn">
        </div>
    </div>
</body>

*:not(.navbar):not(.footer):not(.mobile-menu)匹配<body>，然后.btn匹配<div class="btn">。

*:not(.navbar):not(.footer):not(.mobile-menu)与<div class="navbar">不匹配并不重要，因为<div class="btn">仍然是<body>的后代。