发表于： 2016-08-12 23:43:55
2 1487
今天完成的事情：task8 上次师兄说我偷懒没写翻转。。今天加上了，写完了task9
明天计划的事情：开始task10
遇到的问题：写task9 的时候，
这个东西用伪元素写的，想实现里面的数字自动递加，然后发现css的counter可以实现，又花了会时间看计数器。给父元素也就是ul设置counter-reset：num;重置计数器并命名为num,然后给伪元素设置content：counter（num）；content是伪元素显示的内容，counter就是输出命名的计数器num,所以伪元素显示的就是计数器输出的内容，counter-increment：num；就是计数器递增，没多一个伪元素，递增1.不知道我这样理解对不对。
还有重写input单选框样式的时候，真的是被自己蠢到了。。开始我的思路是写一个空白圆，hover时box-sizing:border-box,并且边框变色变宽，然后把这个圆定位到原来的input上，结果发现挡住了原来的input,触发不了checked....这个问题困扰了很长时间，然后看师姐的代码，发现竟然是把原来的input给绝对定位了，脱离了文档流覆盖在上面，并且透明，所以点击新的圆的时候实际是点击到了覆盖在上面的透明的原input所以会触发checked....这方法真妙！
收获：了解了简单的表单，领悟了一种新的写代码思路。。以后遇到问题要多动脑子了
返回列表
评论