Путать со странной проблемой каскада

У меня какая-то странная проблема с моим CSS. Я переработал некоторый код из @chriscoyier, используя подход SMACSS для его модуляции.

Если я переместу.ribbon.green в конец CSS, он не будет применен. Это как-то связано с лентой:after & ribbon:before?

Похоже, что его перемещение в нижнюю часть экрана работает нормально в jsFiddle, но не в Firefox или Chrome. http://jsfiddle.net/SkinnyGeek1010/cDWKe/1/

Есть идеи, почему это происходит? и есть ли способ переместить.ribbon.green вниз на дно? Это облегчит изменение "кожи" с помощью миксина.

** Добавлен Dropbox HTML **
http://dl.dropbox.com/u/1407764/www/stackru/corner-ribbon/green_ribbon_example.html

Источник

1 ответ

Решение

Я проверил это. Он работает нормально, даже если вы переместили.ribbon.green на дно. Может противоречить некоторым другим правилам.

Источник
Другие вопросы по тегам