今天完成任务，任务12，第二张图剩一半。

任务12，整体来说就没什么问题。今天着重看了一下关于less的变量与混合。

我对变量的理解，就是变量就是把一些css中，特别容易出现的代码，重复率很高的代码，变为变量。在全局样式里面修改。

里面可以用到函数中的加减。

如下代码

@bule:#3fc0cd;

@bule:@bule+#2;
于是@bule= background: #5fc2cd;

@color:#999;

变量也可以成为代码。甚至文字内容。

@text：你好

@text：@text+师兄

@text=你好师兄。

less中的混合，我们定义一个class，在需要用到它的时候，在另一个class里调用它。

.bordered {

  border-top: dotted 1px black;

  border-bottom: solid 2px black;

}

css

.contaner{

.bordered

color：red

今天遇到的问，是less里面的hover问题，感觉我还是对less的掌握不足，hover在less里面的子父级关系没有弄清楚。导致一直hover不出来。

webstrom里面查找历史记录

右击鼠标 local！history   show history

今天的收获，重新做了一下之前的任务，之前非常不明白的知识，卡了很久的点，都变得很清楚，但是感觉对less的运用还是不太熟练。很生，写的时候也会磕磕绊绊的。今天对变量与混合插入，掌握的稍微熟练了一点，但是对参数混合，还是有点地方不太明白。