自学教程Sass @at-root
@at-root通常写@at-root <selector> { ... }，并导致其中的所有内容在文档的根目录下发出，而不是使用正常的嵌套。它最常用于使用 SassScript 父选择器和选择器函数进行高级嵌套。 例如，假设您要编写...
标签：CSS
第2页Sass @debug
有时，在开发样式表时查看变量或表达式的值很有用。这就是@debug规则的用途：它写@debug，并打印该表达式的值以及文件名和行号。 调试消息的确切格式因实现而异。这是Dart Sass中的样子： test.scss:3 Debug: di...
Sass @warn
在编写 mixins 和函数时，您可能希望阻止用户传递某些参数或某些值。他们可能正在传递现已弃用的旧参数，或者他们可能以不太理想的方式调用您的 API。 @warn规则就是为此而设计的。它是@warn编写的，它为用户打印表达式的值（通常是字...
Sass @error
在编写接受参数的 mixins 和函数时，您通常希望确保这些参数具有 API 所需的类型和格式。如果不是，则需要通知用户，并且您的mixin/函数需要停止运行。 Sass 通过编写@error的 @error 规则使这变得容易。它打印表达式...
Sass @extend
在设计页面时，通常一个类应该具有另一个类的所有样式，以及它自己的特定样式。例如，BEM 方法鼓励使用与块或元素类相同的元素的修饰符类。但是这可能会造成混乱的 HTML，很容易因忘记包含这两个类而出错，并且可能会将非语义样式问题带入标记中。 ...
Sass @function
函数允许您定义对 SassScript 值的复杂操作，您可以在整个样式表中重复使用这些操作。它们可以轻松地以可读的方式抽象出常见的公式和行为。 函数是使用@function规则定义的，该规则写@function <name>(<...
Sass @mixin 和 @include
Mixins 允许您定义可以在整个样式表中重复使用的样式。它们可以轻松避免使用非语义类（如 .float-left），并在库中分发样式集合。 Mixins 是使用 @mixin at-rule 定义的，它写@mixin { … } 或 @m...
Sass @import
与普通CSS 导入不同，普通CSS导入要求浏览器在渲染页面时发出多个HTTP请求，而Sass导入则完全在编译过程中处理。导入文件中的所有mixins，function和variable都可用。 Sass 导入与 CSS 导入具有相同的语法，...
Sass @forward
@forward规则加载 Sass 样式表，并在样式表加载 @use 规则时使其mixin、函数和变量可用。它可以跨多个文件组织 Sass 库，同时允许其用户加载单个入口点文件。 如果您确实在同一文件中为同一模块编写了@forward和@u...
Sass @use
@use规则从其他 Sass 样式表中加载mixin、函数和变量，并将来自多个样式表的 CSS 组合在一起。@use加载的样式表称为“模块”。Sass 还提供了充满有用功能的内置模块。 样式表的@use规则必须排在除@forward以外的任...