es6: stylus: var $ss=$("#t-tbody").find("input[disabled][checked]").length; //[disabled]且checked时的状态 //单选or复选框自定义样式案例 .activity-title-L input[type="ch... ...
分类:
其他好文 时间:
2018-01-05 12:26:24
阅读次数:
166
概述 什么是Stylus Stylus是一个CSS预处理器。 什么是CSS预处理器 关于CSS预处理器,推荐先行阅读这篇文章:为您详细比较三个 CSS 预处理器(框架):Sass、LESS 和 Stylus现在你应该对CSS预处理器有个大概的认识了,总的来说,CSS预处理器为CSS提供了更多的更加灵 ...
分类:
其他好文 时间:
2017-12-31 12:54:04
阅读次数:
156
使用stylus(预处理) 需要一个函数接收两个参数 第一个需要在哪个方向出现边框 第二个边框颜色 根据传入的方向属性,调整其他参数 l 左右方向 t 垂直方向 w 上下出现边框则为width反之为height(边框在方向上的长度) b 上出现边框则为bottom x 为哪个方向上的缩放 具体对应关 ...
分类:
移动开发 时间:
2017-11-12 13:31:35
阅读次数:
196
stylus介绍 是个什么鬼?对于开发来说,CSS的弱点在于静态化。我们需要一个真正能提高开发效率的工具,LESS, SASS都在这方面做了一些贡献。 Stylus 是一个CSS的预处理框架,2010年产生,来自Node.js社区,主要用来给Node项目进行CSS预处理支持,所以 Stylus 是一 ...
分类:
其他好文 时间:
2017-10-25 11:12:07
阅读次数:
319
“CSS 预处理器用一种专门的编程语言,进行 Web 页面样式设计,然后再编译成正常的 CSS 文件,以供项目使用。CSS 预处理器为 CSS 增加一些编程的特性,无需考虑浏览器的兼容性问题 在众多优秀的 CSS 预处理器语言中就属 Sass、LESS 和 Stylus 最优秀 Sass 和 SCS ...
分类:
其他好文 时间:
2017-10-22 00:09:47
阅读次数:
192
一、Autoprefixer是什么?Autoprefixer是一个后处理程序,你可以同Sass,Stylus或LESS等预处理器共通使用。它适用于普通的CSS,而你无需关心要为哪些浏览器加前缀,只需使用W3C最新的规范关注于实现。如书写属性:a{
display:flex;
}执行autoprefixer后自动生成相关信息:a{
di..
分类:
其他好文 时间:
2017-10-21 00:13:44
阅读次数:
318
在package.json dependencies添加如下代码 后面对应的是版本号,可以在npm官网上搜索 然后在命令行执行(也可以用淘宝镜像 cnpm) 同理可以安装其他依赖,比如less,sass等 ...
分类:
其他好文 时间:
2017-10-20 21:46:28
阅读次数:
706
下面接着,假设你要在script里用es6语法高亮, style里用stylus语法高亮,你要这样做 script标签中不要加type ...
分类:
其他好文 时间:
2017-10-15 19:44:10
阅读次数:
200
1、在package.json文件中写入依赖: "stylus-loader": "^2.5.0", "stylus": "0.52.4", 2、在命令行运行npm install 安装插件。 或者直接运行: $ npm i stylus-loader stylus --save 3、运行 $ np ...
分类:
其他好文 时间:
2017-10-10 13:08:32
阅读次数:
191
stylus 支持缩进写法 变量 嵌套写法 运算符 样式表文件合并导入 样式继承 混入(函数) 弹性列 样式计算器 ...
分类:
其他好文 时间:
2017-10-09 14:20:28
阅读次数:
341