@at-root
https://sass-lang.com/documentation/at-rules/at-root/
@at-root规则通常写为@at-root <selector> { ... }
,它使其中的所有内容都以文档的根目录形式输出,而不是使用正常的嵌套。在与SassScript的父选择器和选择器函数一起进行高级嵌套时,最常使用它。
例如:
@at-root (without: …) 和 @at-root (with: …)
默认情况下,@at-root仅排除选择器。然而,也可以使用@at-root来移出嵌套指令,如@media等。
例如: