html - 任何人都可以为我改变这个吗？评级系统 css 从 "high to low"到 "low to high"

Question

目前我想使用来自 http://codepen.io/JaxoDI/pen/DtsdH 的评级系统.但目前它在您从右向左悬停时有效。请随意在给定的链接中尝试一下。但我想要一个从左到右悬停的评级系统。

我对css没有任何基础知识。任何答案将不胜感激。谢谢。

&:hover {
    //Apply styles to this and all subsequent radio buttons
    /*  This is the reason why it has to go from high-to-low
        In CSS4, we should be able to use !, which will select
        up the DOM (select elements _before_ this one)  */
    &:before, ~:before {
      transition:none;
      background:#2ecc71;
      box-shadow:inset 0 0 4px rgba(0,0,0,0.4);
    }
  }

Answer 1

您可以将输入向右浮动以改变它们的方向。

input[type="radio"].rating {
    float: right;
}

参见 http://codepen.io/anon/pen/Qbagxm