1. 鼠标经过li的时候,当前的位置是实心五角星,前面的是实心。当前位置后面的是空心。注意此处不能完全用链式编程写到底
2. 鼠标离开,comment的所有孩子变为空心五角星。额外,找到current, 让current和它的前面都是实心。
3. 点击li的时候,当前的位置增加个current的class, 其余位置移除current
代码如下
五角星评分案例 * { padding: 0; margin: 0; } .comment { font-size: 40px; color: #ff16cf; } .comment li { float: left; } ul { list-style: none; }
- ☆
- ☆
- ☆
- ☆
- ☆
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持考高分网。



