一、简介

如果 stylus 无法解决你的特定需求，你可以使用 @css 字面量来定义 CSS 规则。

@css 允许你在 Stylus 代码中直接编写纯 CSS 代码，而不会被 Stylus 处理器解析或转换。主要针对以下两个场景：

• 特别复杂的 CSS 规则，需要保留特定格式，不想被 Stylus 处理器解析或转换
• 一些无法通过 Stylus 语法表达的 CSS 规则，例如伪类、伪元素、媒体查询等

二、语法

@css 字面量的语法如下：

@css {
  /* CSS 代码 */
}

三、例子

@css {
    .ie-opacity {
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=25);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=25)";
    }
}

编译后：

.ie-opacity {
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=25);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=25)";
}

更新日志

2025/8/24 08:17

查看所有更新日志

• e7112-1于 2025/8/24