今日所做：

1.继续做任务12，用less重写任务6,发现任务6的布局中的content部分有大量的重复

因此考虑可以命名一个类，然后对其进行可以重复使用的样式设置

2.按照上述方法去设置，较为方便地完成了中部分content的布局，并且代码看起来

比较清晰

3.由于中间不仅样式重复，div的布局也是重复的，因此考虑像使用css写样式时一样，

对不同的id进行共同的样式设置，类似于:#div1,#div2,#div3,#div4{mm:xx;nn:yy}；

后来发现这样有一个不好解决的问题，如果进行样式设置的div不存在嵌套，这种解决

方法还可以，但是如果存在嵌套的话，例如：

#div1,#div2,#div3,#div4{

   div5{

      mm:xx;

        }

   div6{

      pp:yy;

       }

   div7{

      qq:zz;

       }

    }

这样的话，因为对样式进行书写时，要遵循less的嵌套规则，那么例子中的div5虽然可能只

是div1的子元素，并非是div2、3、4的子元素，但是为了嵌套规则，还是要这样去写；这样就会

导致一个大问题，就是因为less是按照逻辑来嵌套的，最后转化为css的时候，会按照子元素与父

元素相乘的结果来排布，这样就会出现大量的无意义的属性命名，后来不得已改为这样的嵌套命名

模式

4.修改好任务5，并成功提交

明日计划：

开始任务13