今天完成的事：写完了任务14的第2个页面，第三个页面也写完了一半差最后一点

明天要完成的事：把之前留的资料和深度思考看完；重新看js；任务15写完就要进js了

难题：写第2的页面时想了一个问题；

这个位置要用hover做好；还是input写会好一点：

hover会简单一点，代码量少一点；但是松开就没有那个效果了；

input的话麻烦一点容易出错；代码量相对大一点；但是没有点击的话只有鼠标改变；

后面想了一下；2个一起做吧；ui图上面没有鼠标在全部上面说明肯定有input：点击完颜色还是改变；

而hover一起写画面效果的话更好一点；

然后做出来；也关联上了：不过还是出问题了；

lable包着a包着文字；

收获：以后要养成随时保存的习惯；中午一觉睡醒；之前写的全不见了；

另外写代码要遵守web规范；

今天写代码就遇上了这个问题；a和label冲突；

然后发现这个暂时没法解决hover和label都可以实现但是没法写锚点；索性不用lable了；

写到图标发现没写hover效果；有在里面加完之后发现没有起作用回头去看又开始试错；

试到后面实在没办法了；只好改成兄弟选择器了；

之前直接hover没一点效果；不知道咋说；

但是使用兄弟选择器还是出问题了

一直闪可以用这个解决；不过第2次hover就没有过渡效果？

然后从css里看了一下代码调试n次最后问题出在类名上，

。。。之后学乖了直接从浏览器里复制；

关于2次hover不起效是因为子元素里有其他东西影响

子元素里有一个这个就行了；

另外关于布局我之前一直在想怎么使3个里2个靠边；一个居中；5个里又全部靠左；；实在是想偷懒不想把css的代码量搞得很到索性在html里做了修改；但是less里加了注释；

其实在less中解决起来很简单；直接命名一个特殊有margin；其他的没有margin即可；有margin的放中间；不过css的代码量又多很多，html里到是简单；直接改个类名就好；less也简单直接引用加个margin就好；

写页面3时：发现flexbox和list-style冲突；就是在flex盒子里list-style不起作用不显示；百度出结果；

冲突的本质是，list-style 是应用在 display: list-item 元素上的。现在你把 display 修改为了 flex，自然是不要不要的。

最后在页面3的老地方卡住了；晕死；