美文网首页
Stylus——富有表现力、动态的、健壮的css

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

作者: 南蓝NL | 来源:发表于2017-12-03 18:26 被阅读0次

    其实跟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

    相关文章

      网友评论

          本文标题:Stylus——富有表现力、动态的、健壮的css

          本文链接:https://www.haomeiwen.com/subject/vwktyxtx.html