今天完成的事情，任务12。剩下修改bug问题。

尝试使用less重构页面，本来打算是修改任务6的页面的，但是感觉之前自己写的太差了，选择器命名不规范，属性乱用，写的也没有一点点逻辑。实在不堪入目，就尝试重写任务。

遇到的问题问题1，less去hover显示模拟下拉框。不管怎么hover就是，不起作用。在less里面父级hover子级，父级是&，所以

&：hover.div{

}

就可以了。不存在父级与子级关系的，加+号，与css一致。

遇到的问题2

less混合的时候，代码无法生效。

解决方法，看了一下关于less的资料，然后是less混入写的时候，没有用规范。css有自己的规范，less也有规范。

混入代码的时候。

.div{

.mixture:

}

收获，关于less混合的一些知识。

在less里面，混合分以下三种情况。

第一种，混合

第二种，带参数无默认值

第三种，带参数有默认值

设置一下混合样式。

第一种。

  .border {

        border：2px solid red;

    }

div{

使用混合

.border:

}

第二种，带参数无默认值，这种情况下必须要给他传参数，不然会报错。

..mixture:{

  border:  solid green;

}

.div{

.mixture(1px)(传参数)

}

第三种，有默认值的时候，用默认值，没有就传参数。

border_test2(@border_width: 10px) {

        border: @boeder_width solid pink;

    }

 .box_text3 {

        .border_test2(5px);

        width: 200px;

        height: 100px;

    }

 .box_test4 {

     不传参使用默认值，有默认值的时候，不传参也不会报错

        .border_test();

        width: 150px;

        height: 100px;

    }

感觉对于less的理解还是很欠缺，less，应该还可以更强大，做任务的时候，也发现了自己之前有乱命名文件，css代码不规范各种坏习惯，要改掉。

明天计划，任务13.