发表于： 2019-07-09 22:42:47
1 851
今天完成的事：任务三个页面都写完，侧导航是根据师兄推荐的资料做的，和我之前的做任务八的动画效果思路有些相似，只这次的要加上一个类似于开关的效果。
明天的计划：在检查一下细节，提交任务。
遇到的问题：在做按钮的点击效果
input[type="checkbox"]:checked~.sidebar{
left: 0px;
}
input[type="checkbox"]:checked~.main{
left: 200px;
}
这个同层选择器 只可以选在同层的元素所以这个思路在套用我提起前写好的样式是就不行了，
我的是写结构的，
想到的是用《label》标签的id绑定将《input》关联到一起，实现不在同层也可以使用同层选则器关联侧边栏和内容。
收获：之前觉的侧边栏很复杂很麻烦，是解决几个关键点之后实际实现起来也很容易。
返回列表
评论