与奇怪的级联问题混淆

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移动到底部，它也能正常工作。可能与其他一些规则相冲突。