-
width:～'calc(300px-30px)' //避免被编译（calc是告诉浏览器自己计算）查看全部
-
&代表上一层选择器查看全部
-
&代表上一层选择器查看全部
-
运算中只需要一个变量/常量带单位即可查看全部
-
两种注释方式是不一样的，/**/在less编译之后是会被保留的，但是//之后的注释在被less编译之后的css文件中是不被保留的查看全部
-
示例：带默认参数混合变量查看全部
-
lesscss.net查看全部
-
LESS中文网站查看全部
-
~''避免被编译，把参数原封不动的输出到css里面，witdh:~''calc(300px-30px);查看全部
-
.round{ width: 0; height: 0; overflow: hidden; border-style: dashed dashed solid dashed; border-width: 10px; border-color: transparent transparent red transparent; }查看全部
-
Less 混合:一个元素引用另一个元素的样式 1、混合变量 例如：.border{border:solid 10px red;} 如果.div也想用这个样式直接写： .div{ .border } 可带参数 2.变量没带值： .border-radius(@radius){css代码} .border_02(@border_width){ border:solid yellow @border_width; } .test_hunhe{ .border_02(30px); } 3.变量带(默认)值：.border-radius(@radius:5px){css代码} .border_03(@border_width:10px){ border:solid green @border_width; } .test_hunhe_03{ .border_03(); } 另外，虽然.border-02 和.border-03里面的变量都叫@border-width 但它们不冲突查看全部
-
兼容ie6 dashed查看全部
-
画三角 .round{ width: 0; height: 0; overflow: hidden; border-style: dashed dashed solid dashed; border-width: 10px; border-color: transparent transparent red transparent; }查看全部
-
什么情况下会用到less?查看全部
-
Less类似于jquery，是一个库。 是一种动态样式语言，属于CSS预处理语言的一种，它使用类似CSS的语法，为CSS赋予了动态语言的特性，如变量、继承、运算、函数等，更方便CSS的编写和维护。查看全部
举报
0/150
提交
取消