stylus深入了解

//stylus
body
  color white

//css
body{
  color:white;
}

// stylus
body
  color red
  &:hover
    color #fff

// css
body{
    color:red;
}
body:hover{
    color: #fff;
}

$font-size = 14px

body
  font-size $font-size

// 兼容性设定
vendor(prop, args)
  -webkit-{prop} args
  -moz-{prop} args
  {prop} args

bor-rad()
  vendor('border-radius', arguments)

button
  bor-rad 14px



// 使用for循环 进行样式的设定
table
  for row in 1 2 3 4 5
    tr:nth-child({row})
      height: 10px * row

[]
! ~ + -
is defined
** * / %
+ -
... ..
<= >= < >
in
== is != is not isnt
is a
&& and || or
?:
= := ?= += -= *= /= %=
not
if unless

!0  //true
非0及真
-5px // -5px
--5px // 5px