美文网首页
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学习

    1、stylus:富于表现力、动态的、健壮的 CSS stylus的文档说明stylus的github张鑫旭中文翻...

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

    其实跟css很想,语法不一样,万变不离其宗 坑1:选择器>父级引用: 惯性思维,我以为是等同于textarea i...

  • Node.js 如何创建一个koa&Nunjucks 项目

    koa koa 是由 Express 原班人马打造的,致力于成为一个更小、更富有表现力、更健壮的 Web 框架。使...

  • 基于 Node 的下一代 Web 开发框架--koa

    由 Express 原班人马打造的 koa,致力于成为一个更小、更健壮、更富有表现力的 Web 框架。使用 koa...

  • koa的中间件

    什么是koa? 由 Express 原班人马打造的 koa,致力于成为一个更小、更健壮、更富有表现力的 Web 框...

  • Stylus预处理器简介(十三)@IMPORT 和 @REQUI

    @IMPORT 和 @REQUIRE Stylus支持@import CSS字面值, 也支持其他Stylus样式的...

  • Koa快速入门

    Koa是由 Express 原班人马打造的,致力于成为一个更小、更富有表现力、更健壮的 Web 框架。使用 koa...

  • koa

    安装 优点 致力于成为 web 应用和 API 开发领域中的一个更小、更富有表现力、更健壮的基石。 通过利用 as...

  • 健壮的 CSS

    原文地址:Defensive CSS[https://ishadeed.com/article/defensive...

  • 在vue项目中使用stylus变量

    stylus和less、sass一样都是css预编译工具,在项目中使用stylus,是我们的css更加灵活。具体的...

网友评论

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

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