今天完成的事：完成了task11.懂得了怎么利用less。

明天计划完成的事：完成task12.

遇到的问题：暂无。

收获：less的嵌套非常好用，比如本来要用CSS写代码需要如：

#header {  color: black;}

#header .navigation {  font-size: 12px;}


#header .logo {  width: 300px;}

但换成less就不一样，只需要：

#header {  color: black;  


  .navigation {    font-size: 12px;  }  


   .logo {    width: 300px;  }


   }

只要把子元素一起放在父元素的中括号内即可，看起来就很方便。

还有混合特性也很好用，如果俩个原素的CSS属性差不多，只有大概的区别，比如

.bordered { width:300px;

    height:200px


    border-top: dotted 1px black;

    border-bottom: solid 2px black;}

而另外有2个原素只有颜色的区别，那么就可以这样：

#menu a {  color: #111;


     .bordered; }

.post a {  color: red;


 .bordered; }

这样就可以节省代码，方便管理。

但也不是没有缺点，必须要编译，无论是放在客户端还是服务器端，都是一种额外的花销，如果没有弄好完整的less，那么必须用考拉工具，不是很顺手。（而且作者更新github奇慢无比）