@import 和 @require
Stylus 支持 CSS 的字面量 @import,以及其他 Stylus 样式表的动态导入或要求。
@media
@media 查询与常规 CSS 中的工作方式相同,但使用 Stylus 的块表示法:
@font-face
@font-face 规则与您期望的一样。只需在其后添加一组属性块,如下所示:
@keyframes
Stylus 支持使用花括号或不使用花括号的 @keyframes,你还可以在 @keyframes 的名称或步骤中使用插值:
@extend
Stylus 的 @extend 指令受到 SASS Implementation 的启发,本质上与其相同,只有一些微小的差异。这个特性显著简化了从其他语义规则集继承的语义规则集的维护。
@block
在 Stylus 中,您可以将任何代码块分配给变量,然后调用它,作为参数传递或以任何其他方式重用。
其它 @-rules
Stylus 对大多数 CSS @-规则(如 @viewport、@page、@host、@supports 等)都支持无大括号语法的基本支持: