使用多个类时将使用哪个CSS类？

Question

我需要在悬停或选择时创建一系列改变颜色的圆圈，使用jquery，我尝试这样做。

我有评分界的风格，选择绿色，悬停是黄色，谁能解释为什么两个圈子变成绿色？

<div class="rating-circle rating-chosen rating-hover"></div> 
<div class="rating-circle rating-hover rating-chosen"></div> 

Answer 1

正如我评论，这取决于以何种顺序您已经声明在CSS你class，例如，如果你有一些简单的像下面的代码..

HTML

<div class="rating-circle rating-chosen rating-hover">test</div> 
<div class="rating-circle rating-hover rating-chosen">test</div> 

CSS

.rating-chosen { 
    color: red; 
} 

.rating-hover { 
    color: green; 
} 

这里，无论按照什么顺序声明HTML文档中元素的类，这两个文本都将是​​。

Demo