與奇怪的級聯問題混淆

Question

我的CSS出現了一些奇怪的問題。我使用SMACSS方法重構了@chriscoyier中的一些代碼，將其模塊化。

如果我將.ribbon.green移動到CSS底部，它不會被應用。這是否與色帶有關：&色帶：之前？

將它移動到底部似乎在jsFiddle中工作正常，但在Firefox或Chrome中無法正常工作。 http://jsfiddle.net/SkinnyGeek1010/cDWKe/1/

任何想法，爲什麼它這樣做？無論如何，將.ribbon.green移動到底部？這將使用mixin更改「皮膚」更容易。

**添加的Dropbox HTML **
http://dl.dropbox.com/u/1407764/www/stackoverflow/corner-ribbon/green_ribbon_example.html

Answer 1

我測試。即使您將.ribbon.green移動到底部，它也能正常工作。可能與其他一些規則相沖突。