1.匹配模式
匹配模式
其实相当于 JS中的 switch
1.1 CSS写的一个三角形
css写的一个三角形
看下面的一个例子:
其实也没有多么的复杂,相当于我传递什么字符,就选择什么样式.这样的一个东西.
有点类似switch这样的一个东西.
下面是我自己写的一个案例:
less代码
进行编译之后的一个情况:
CSS代码
2.less中的运算
less中是可以进行运算的,这个是很爽的一个特性,见下图所示:
less中的运算
看下面的一个代码:
less代码
运算还是很爽的,尤其是当你计算rem的时候更是很爽,简直要上天的节奏.
3.嵌套规则
嵌套是非常爽的一个用法
其实在 CSS中不一定就是要嵌套很多层,只要可以唯一的找到当前的元素就可以了!
在嵌套里面我们引入了一个新的符号"&",就是这个东西,这个东西表示他的上一层的元素.
这里我们看下面的代码:
HTML里面的一个标签是下面的这个样子的:
在 LESS里面我们可以很方便的设置他们的样式,看下面的代码:
less中的嵌套写法
可以看到,这样写的结构真的非常的清晰,非常的好!然后他编译完了之后生成的代码如下所示:
编译之后的代码
这个就是我们平时写 CSS的时候的一个方法,有那么一点点的笨重,这个时候使用 LESS直接就给我们解决了!非常好!
嵌套是一个非常爽的东西,尤其是写嵌套了很多层的样式的时候,更是可以感受他的好处,真的是非常的爽.嵌套这个东西要多用.非常的爽歪歪!
//<么么哒/>
网友评论