首页 > itarticle > stylus

stylus

admin 11月 28, 2020 0

冒号可选，分号可选，逗号可选，括号可选
缩进与空格很重要
```
  body
    color white
```

父级引用 &

 textarea
 input
   color #A7A7A7
   &:hover
     color #000
 //等于
 textarea,
   input {
     color: #a7a7a7;
   }
   textarea:hover,
   input:hover {
     color: #000;
   }

变量

属性查找 @

  #logo
    position: absolute
    top: 50%
    left: 50%
    width: 150px
    height: 80px
    margin-left: -(@width / 2)
    margin-top: -(@height / 2)

运算符
- 范围 .. 包含界限 …包含开头不包含结尾
- 存在操作符in
- 实例检查 is a
- 条件赋值：?= :=
- 变量定义：is defined
混合书写
方法