发表于： 2019-05-05 21:13:39
1 619
今天完成的事情：
之前写的轮播图有问题，修改了轮播图
明天计划的事情：
开始第一个页面
遇到的问题：
轮播图的左右切换和圆点点击切换
收获：
这里是手动轮播的流程图：
流程图解释：
（1）把input[type="radio"]的一组按钮用设置相同name属性的方向进行关联，使得这组input可以切换。
（2）用label标签可单向绑定input，点击label即可使相应的input被：checked。
（3）多个label标签可绑定同一个input，分别为左右切换按钮和底部指示器设置一组label。
（4）当input被：checked后，通过选择器可控制图片或label标签的样式（模拟JS的点击事件）。
（5）input：nth-of-type（n）是选择input的父元素的第n个子元素，也可以给input加上id来代替。
（6）input ~选择input之后的兄弟元素（一定是之后，渲染关系不可逆；而且一定是兄弟，如果是子集，请加上后代选择器）。
返回列表
评论