-
Less官网网址查看全部
-
清除定义，IE要清除img的border查看全部
-
导入 CSS文件与 Less文件的方式查看全部
-
编译工具查看全部
-
避免编译：语法：~'',适用场景：不需要Less帮你完成编译的，如calc()，滤镜 !important关键字：为所有混合所带来的样式追加 !important查看全部
-
@arguments变量：终究还是变量，顾名思义，代表多个参数，适用场景，同一个CSS样式属性对应多个属性值，例如border:1px solid pink;如果属性值以参数方式传递，就可以使用@arguments代替对应参数。如何引用？和以往一样，传参时要对应传参，中间可以用","或者";"隔开，如果少传，则按顺序匹配。查看全部
-
Less嵌套：CSS中选择器的另一种变形，通过CSS选择器的相互嵌套完成到CSS层次选择器的转换。其中 & 代表它的上一层选择器，适用场景，伪类。 代码示例： a { float: left; //& 代表它的上一层选择器 &:hover { color: red; } }查看全部
-
运算：支持 +、-、*、/ 不知道大家做没做测试，我在做测试中发现了一个问题，就是当直接与变量做减法时，错误还原（@border-width-5）,当我此时在写这个的时候，我已经发现错误的原因了，我在变量名中用了一个中划线，那与减法是一样的...其实是没有任何问题的！ 解决中划线与减法的冲突：可以为变量加一个括号（(@border-width)-5）；也可以加空格（@border-width - 5），加空格要在减号左右都加，否则不会进行运算！查看全部
-
匹配模式：感觉说成可选模式或选择模式更顺口，它一直阐述一件事情，那就是“指定不同的参数字符，匹配不同的CSS样式”，当然那都是你自己定义的。类似于if else 语句，借用示例： .triangle(top,@width:100px,@color:#ccc){//自定义CSS}； .triangle(right,@width:100px,@color:#ccc){}； .triangle(bottom,@width:100px,@color:#ccc){}； .triangle(left,@width:100px,@color:#ccc){}；会发现我们只需改变参数字符top/right/bottom/left就可以匹配到对应的CSS。 最后还有一点，为这种.triangle匹配附加共同的CSS样式，语法 .triangle(@_,@width:100px,@color:#ccc){//自定义CSS}; 其中参数固定，参考上面对应的匹配选项查看全部
-
less语法1：<br> 1、注释：①/**/可编译 ②、//不可编译<br> 2、变量：声明方式 @border_width:2px; 引用方式 border:solid #000 @border_width<br> 3、混合：<br> ①不带参数，声明方式 .border_radius{};引用方式 .border_radius<br> ②带参数，<br> 第一种情况无默认值： <br> 声明方式 .border_raidus(@radius){};引用方式 .border_radius(5px) 必须传参<br> 第二种方式有默认值：<br> 声明方式 .border_radius(@radius:5px){}; 引用方式 .border_radius() 必须带括号或者传一个参数 .border_radius(10px);查看全部
-
今天发现了一个特别好的visual studio 插件web essentials 适用于在vs环境下做前端开发的小伙伴们，If you ever write CSS, HTML, JavaScript, TypeScript, CoffeeScript or LESS,SCSS then you will find many useful features that make your life as a developer easier.详细介绍请看官网：http://www.vswebessentials.com/查看全部
-
.triangle{ width:0; height:0; overflow:hidden; border-width:10px; border-color:transparent transparent transparent red; border-style:dashed solid dashed dashed; }查看全部
-
kk查看全部
-
LESS之于CSS，相当于jQuery之于JavaScript！查看全部
-
less匹配模式相当于js中的if（不完全是） 满足条件后才能匹配查看全部
举报
0/150
提交
取消