css - 对奇怪的级联问题感到困惑

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