Stylus预处理器简介(二十一)CSS 字面量和字符转码

CSS 字面量

不管什么原因，如果遇到 Stylus 搞不定的特殊需求，你都可以使用 @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)";
}

字符转码

Stylus 能让你对字符转码。这可以将字符变为标识符（identifiers），继而输出为字面量。

例如：

 body
   padding 1 \+ 2

编译为：

 body {
   padding: 1 + 2;
 }

注意，当用作属性时，Stylus 需要将 / 用括号括起来：

body
  font 14px/1.4
  font (14px/1.4)

编译为：

body {
  font: 14px/1.4;
  font: 10px;
}