通过选择符的方式控制星星点评的显示

可控制的方式有很多，目前可想到的通过CSS来处理的方式有以下几种，仅作为参考。

如果要提到兼容性的问题呢，这个……好吧，我没考虑，懒得考虑……反正涉及到兼容性的话，能实现的方式能玩的方法太有限了。

1. E~F 选择符结合 a 的 :hover 方式来控制选择星星

   这种方式是通过一个a标签来实现的，当:hover的时候通过选择符来改变，但仅仅只是可以改变状态，选中后还是需要通过其他方式来记录，例如click后增加一个.current之类的类名来表示。

2. E~F 选择符结合 :checked 控制星星

   通过 input 的 :checked 直接展示选中的星星数量

3. input type="range" 的方式来展示星星的数量

   失败！-_" 本来还想通过input的range类型来直接改变，不过这个类型中的拖动的部分宽度增加了也就影响了拖动，目前暂时还没想到有什么办法可以直接用CSS来表现，就先这样吧……

   提示：这个是可以在上面拖动的……

4. a标签中的锚点跳转结合:target选择符方式实现

   点到哪里，亮在哪里……

5. :checked 和 float:right 控制星星

   通过 float:right 将 input 标签的位置反过来，然后通过 E~E 选择符的方式影响后续的几个 input 的样式，最后通过 input 外层容器再用 float:left 把整体位置转过来就好了。

   加上一个 transition 来增加点动画过渡效果，应该会更好一点……