困惑于奇怪的级联问题

Question

我的CSS遇到了一些奇怪的问题。我使用SMACSS方法重构了@chriscoyier的一些代码来模块化它。

如果我将.ribbon.green移动到CSS的底部，则不会应用它。这是与功能区有关：后＆amp; ribbon：之前？

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