Stylus——富有表现力、动态的、健壮的css

其实跟css很想，语法不一样，万变不离其宗

坑1：选择器>父级引用:

惯性思维，我以为是等同于textarea input{color:#000}   textarea input:hover{..}(仔细想，哪里不对劲)

坑2：发现跟less什么的语法好像

坑3：纳尼，还有此等操作真是长见识了，貌似less木有啊

坑4：这个插值的功能也太强大了吧，私有前缀属性扩展有点没看懂啊，args是怎么把值传过去了咯

选择器插值真的太惊喜了，居然可以这么操作

坑5：不说什么了，泪水一抹。0%是ture。css从来没有真与假的说辞，看来Stylus真的不简单

坑6：Stylus总是会给人制造惊喜

坑7：对应前面的坑4，可以直接利用arguments这个局部变量传值

坑8：可以通过内置的unit()把单位都变成p，如图所示

坑9：

坑10：

坑11：svg图标的用法，跟png差不多，可我还是踩到坑里

对于图标很多的情况下，不要单个单个地引入svg，而是采用svg sprite 网站iconmoon