OTHER @-RULES
Stylus支持大多数CSS @规则的无括号语法，如@viewport， @page， @host， @supports等:
@viewport
color: #00f
@supports (display: flex)
div
display: flex
@page :blank
@top-center
content: none
将编译
@viewport {
color: #00f;
}
@supports (display: flex) {
div {
display: flex;
}
}
@page :blank {
@top-center {
content: none;
}
}
Unknown at-rules
Stylus支持任何未知的@-rules，所以它对未来是友好的，因为CSS中的任何新的at-rules都可以用Stylus的基于缩进的语法编写，并且可以完美地呈现:
@foo
@bar
width: 10px
.baz
height: 10px
将被编译为
@foo {
@bar {
width: 10px;
.baz {
height: 10px;
}
}
}
网友评论