使用多個類時將使用哪個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