- 变量 ~~~ @fontsize:12px; @mySelector: banner; .@{mySelector} { font-weight: bold; line-height: 40px; margin: 0 auto; } ~~~ - 混入 ~~~ .mixin() { width: 100%; height: 200px; } .c{ .mixin(); } ~~~ - 引用父类 ~~~ a { color: blue; &:hover { color: green; } } ~~~ ~~~ .clearfix { display: block; zoom: 1; &:after { content: " "; display: block; font-size: 0; height: 0; clear: both; visibility: hidden; } } ~~~ 输出 ~~~ .clearfix { display: block; zoom: 1; } .clearfix:after { content: " "; display: block; font-size: 0; height: 0; clear: both; visibility: hidden; } ~~~