我正在尝试选择所有元素,然后选择带有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>
.
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句