重大变更：媒体查询级别 4
Sass 已添加对 CSS 媒体查询级别 4 规范的支持。这最初与一些特定于 Sass 的语法冲突，因此该语法已弃用，现在根据 CSS 标准进行解释。
- Dart Sass
- 自 1.56.0 起
- LibSass
- ✗
- Ruby Sass
- ✗
兼容性
由于 Sass 支持括号媒体条件中的几乎任何 Sass 表达式，因此有一些构造的含义因添加对媒体查询级别 4 的完全支持而发生了改变。 具体来说
-
@media (not (foo))在历史上被 Sass 解释为@media (#{not (foo)})，因此编译为@media (false)。 -
@media ((foo) and (bar))和@media ((foo) or (bar))也被类似地解释为 SassScript 的逻辑运算符，分别编译为@media (bar)和@media (foo)。
幸运的是，这些情况在 实践中很少出现。
过渡期过渡期永久链接
- Dart Sass
- 自 1.54.0 起
- LibSass
- ✗
- Ruby Sass
- ✗
兼容性
首先，我们针对以前模棱两可的情况发出了弃用警告。这些警告将提供有关如何保留现有行为或如何使用新的CSS 语法的建议。