发表于: 2018-08-20 23:55:53
1 599
今天完成的事情:
1.今天有个很重要的收获,终于把:checked选择器的用法搞懂了,定义真的很难理解,只有自己做demo慢慢试:
checked选择器可设置input[type="checkbox"]的点击后的样式,但是,可以用lable和兄弟选择器(~)来做一个伪点击事件.(一开始总是思维定性,input和label要放一起才有用,后来做demo试着试着突然来了灵感,其实可以把input放在父元素外面,和父元素同级,这样就可以用兄弟选择器(~)来选择父元素.)
input:checked ~ <目标div的class名>{......}
就可以设置点击复选按钮后div的样式,由于有label的存在,可以将label的样式改为一个<按钮>,再将input隐藏(display:none),这样就可以做到点击label内容时,checked产生响应.
2.github好像崩了,任务13做完了上传不上去,明天再试试
3.关于sass,我看了别人写的,大多是用了大量的@import和@mixin,但是这样感觉让代码的可读性变的好差,所以我不太想这样写.
4.js语法规则
明天计划的事情:
1.13修改
2.14任务
遇到的问题:
1. 14任务的组件库是什么意思?百度组件库也没有得到相关的有用的资料.
收获:
1.学会使用:checked选择器,可以用:checked加label做出一个伪触发按钮.
2.js开始做笔记.
评论