今天完成的任务11。

第一次接触遇到less。基本上没有遇到什么太大的问题。今天主要去用了less的嵌套与extend，变量。

简单说一下用less嵌套的感受。

语法如下

header{

  .子级A{

    .子级B{

}

}

}

嵌套关系也可以存在平级。

比如一个父选择器里面，有两个属性是平级的关系。我们如何去写呢？

div父{

.子{

}

.子{

}

}

最开始使用嵌套的时候，不知道从哪里上手为好，用的时候，发现真的太好用了。我不需要费劲脑子去想那么多的选择器如何命名，这个xxx-one xxx-two了，因为，里面的p标签，我们就可以用他去写，而且在css的时候，如果给p标签写了属性，那么全局的p标签都会带着属性。而在less里面，想这么用就怎么用，因为你写的p标签，转到css里面，变成了 父级选择器p。这只是我自己的理解，感觉有点粗暴，之前用不用几百行的css，重复的命名，导致修改bug的时候，就跟傻屌一样，疯狂在找，因为css是表达性的语言。用了less之后，修改css部分的时，父与子级的关系清楚明了，就像html里面的子父级关系一样，尽然有序。

extend是less一个伪类选择器，我们提前写好一个选择器，一条属性，当然要写那些会经常用到的属性。需要用的时候，

&：extend（选择器）

但是，extend里面不能有变量，和变量出现的地方。

收获，今天初步学习了，如何去用css预处理器，但是感觉对less，的变量与extend的理解还是不够，任务做完了的感觉还好，看了一下文档，对文档的知识有点似懂非懂的感觉。好像明白了一点关系变量的知识，但是又感觉自己好像什么都不懂。