规则集
和 CSS 一样，Stylus 允许通过逗号分隔，一次为多个选择器定义属性。
textarea, input border 1px solid #eee
最终都会编译为：
textarea,
input {
border: 1px solid #eee;
}
父级引用
& 符号代表父级选择器。下面的例子中，（textarea和input）两个选择器的伪类 :hover 都会改变 color 属性。
textarea input color #A7A7A7 &:hover color #000
编译为：
textarea,
input {
color: #a7a7a7;
}
textarea:hover,
input:hover {
color: #000;
}
下面的例子中，在混入(mixin)中使用父级引用为 IE 浏览器中的元素加了一个简单的 2px 的边框。
box-shadow() -webkit-box-shadow arguments -moz-box-shadow arguments box-shadow arguments html.ie8 &, html.ie7 &, html.ie6 & border 2px solid arguments[length(arguments) - 1] body #login box-shadow 1px 1px 3px #eee
编译为：
body #login {
-webkit-box-shadow: 1px 1px 3px #eee;
-moz-box-shadow: 1px 1px 3px #eee;
box-shadow: 1px 1px 3px #eee;
}
html.ie8 body #login,
html.ie7 body #login,
html.ie6 body #login {
border: 2px solid #eee;
}
来自 “ ITPUB博客 ” ，链接：https://blog.itpub.net/69942367/viewspace-2717950/ ，如需转载，请注明出处，否则将追究法律责任。
上一篇：
MySQL MAX函数
下一篇：
Docker 教程
请登录后发表评论
登录
全部评论
