随笔分类 - less
开启less的学习之旅
摘要：less中文网站：http://lesscss.cn/ 旧版的：http://www.bootcss.com/p/lesscss/ less中文网站：http://lesscss.cn/ 旧版的：http://www.bootcss.com/p/lesscss/
阅读全文
摘要：!important关键字：会为所有混合带来的样式，添加!important 在css里面加上!important，是所有样式优先级最高的 在less里面什么场景会用important,在调试的时候 .border_03{ border:1px solid pink; } .test_importa
阅读全文
摘要：less里面有一个避免编译，有时候我们需要输出一些不正确的css语法或者使用less不认识的专有语法。要输出这样的值我们可以在字符串前加上一个~ /*避免编译*/ .test_03{ width: 300px; height: calc(300px - 30px); } => .test_03 {
阅读全文
摘要：@arguments变量：包含了所有传递进来的参数。 如果你不想单独处理每一个参数的话可以像这样写： /*arguments*/ //之前这么写 .border_arg(@w:30px,@c:red,@xx:solid){ border:@w @c @xx } //现在这么写，就是懒，可以用的不多
阅读全文
摘要：嵌套，是less里面最有意思的小东西，比如说我们经常性的去写一些列表性的东西 html <ul class="list"> <li><a href="#">links</a><span>2018-07-16</span></li> <li><a href="#">links</a><span>201
阅读全文
摘要：less里面是可以有运算的，任何数字，颜色或者变量都可以参与与暗算，运算应该被包裹在括号中。 @test_width:300px; .box_width{ width: (@test_width + 20) * 2;//这里面不用每个都带单位，只要有一个带单位就可以了 color: #cccccc
阅读全文
摘要：less里面的匹配模式相当于js里面的if，但又不完全是，比如用css画一个三角 html <div class="sanjiao"></div> less .sanjiao{ width: 0px; height: 0px; overflow: hidden; border-width: 10px
阅读全文
摘要：混合(mixin)变量 .border{ border: 5px solid pink; } .box{ width: 300px;height:300px; .border; } => .border { border: 5px solid pink; } .box { width: 300px;
阅读全文
摘要：less中的变量用@符号,例如@变量名:值 @text_width:300px; .box{ width: @text_width; } => .box { width: 300px; }
阅读全文
摘要：less中的注释 1、可以使用css中的注释（/***/） 2、也可以用//注释 //编译时会自动过滤掉 /**我是会被编译的*/ ul{ // padding: 0px; // height: 100px; } => /**我是会被编译的*/
阅读全文
摘要：less是什么？相比于css，少即是多 less类似于js中的jquery库，less css 是一种动态样式语言，属于css预处理语言中的一种，它使用类似css的语法，为css赋予了动态语言的特性，如变量、继承、运算、函数灯，更方便css的编写和维护 引用 <link rel="styleshee
阅读全文