css - 为什么是:not() selector not working with the * selector?

<分区>

我正在尝试选择所有元素，然后选择具有 btn 类的元素，具有 navbar、footer 或 mobile-menu 类。

我有这个代码:

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

但它不起作用。

谁能给我解释一下原因吗？

编辑:我正在使用 sass

最佳答案

给定:

<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> 的后代.

关于css - 为什么是:not() selector not working with the * selector?，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/55952721/