随笔分类 -  less

less:避免编译
摘要：编译成css important提升优先级 编译成css h2 { color: #900 !important; background: #F7BE81 !important;} 阅读全文
posted @ 2018-06-05 22:49 珊迪·奇克斯 阅读(231) 评论(0) 推荐(0)
less:@arguments变量
摘要：@arguments包含了所有传递进来的参数。 如果你不想单独处理每一个参数的话就可以像这样写： 编译成css 阅读全文
posted @ 2018-06-05 22:27 珊迪·奇克斯 阅读(150) 评论(0) 推荐(0)
less嵌套规则
摘要：Less中嵌套 最有意思的小东西了 两种方法： &对伪类使用 hover或focus 编译成css &的使用： 编译成css 阅读全文
posted @ 2018-06-05 22:16 珊迪·奇克斯 阅读(134) 评论(0) 推荐(0)
less:运算
摘要：less中的运算 -任何数字、颜色或者变量都可以参加运算，运算应该被包裹在括号中。 -例如：+-*、 编译成css 阅读全文
posted @ 2018-06-05 21:05 珊迪·奇克斯 阅读(130) 评论(0) 推荐(0)
less：匹配模式
摘要：相当于JS中的if(不完全是)，满足条件后才能匹配 编译成css 在来一个例子： 编译成css @_ 代表不管选择的是谁都带上这个样式 编译成css 阅读全文
posted @ 2018-06-04 23:02 珊迪·奇克斯 阅读(168) 评论(0) 推荐(0)
Less 混合（mixin）
摘要：Less的混合：混合可以将一个定义好的class A轻松的引入到另一个class B中，从而简单实现class B继承class A中的所有属性。我们还可以带参数地调用，就像使用函数一样。 编译成css后： 有时候我们需要加一个宽度和高度,但宽度和高度有的是100px的有的是300px的这时候就可以 阅读全文
posted @ 2018-06-04 22:15 珊迪·奇克斯 阅读(224) 评论(0) 推荐(0)
less: 变量
摘要：在Less中声明变量方式是使用@符号 编译成css后 阅读全文
posted @ 2018-06-04 22:05 珊迪·奇克斯 阅读(123) 评论(0) 推荐(0)
less:注释
摘要：less有两种注释方法,一种是// 一种是/**/ 这两者的区别是/**/是会被编译成css里面,而//则不会 举个例子(使用的less在线编译器) 我们看到//注释并没有编译到css里面 阅读全文
posted @ 2018-06-04 21:55 珊迪·奇克斯 阅读(148) 评论(0) 推荐(0)