奇妙なカスケードの問題と混同されています

Question

私のCSSには奇妙な問題があります。 SMACSSのアプローチを使用してモジュール化する@chriscoyierのコードをいくつかリファクタリングしました。

.ribbon.greenをCSSの下部に移動すると、適用されません。これはリボンと関係がありますか？&リボン：before？

bottonに移動すると、jsFiddleでは正常に動作しますが、FirefoxやChromeではうまく動作していないようです。 http://jsfiddle.net/SkinnyGeek1010/cDWKe/1/

これはなぜですか？ .bonbon.greenを下に移動するにはどうにかしていますか？これはmixinを使って "skin"を変更しやすくします。

**追加のDropboxのhtmlの**
http://dl.dropbox.com/u/1407764/www/stackoverflow/corner-ribbon/green_ribbon_example.html

Answer 1

私はそれをテストしています。 .bonbon.greenを下に移動しても、正常に動作しています。他のいくつかのルールと競合する可能性があります。