html - 为什么这个 formtastic CSS 不会在我的 Rails 3 应用程序中覆盖？

Question

所以我有一个包含以下内容的 application.css 文件:

.formtastic.clouds .fields .inputs OL LI
{
    float: left;
    width: 290px;
    margin-bottom: -20px;
}

然后我有一个包含以下内容的 changes.css:

.formtastic.clouds .fields .inputs ol li
{
    float: left;
    width: 280px;
    margin: 0px 5px 0px 0px !important;
}  

我希望 changes.css 覆盖 application.css。 !important 子句什么都不做——当我查看 chrome 开发工具时，它仍然使用 application.css 设置计算属性。无论我在 changes.css 中是否有“margin-bottom: 0px !important”都是如此。

我必须将 application.css 更改为此才能注意到任何明显的结果:

.formtastic.clouds .fields .inputs OL LI
{
    float: left;
    width: 290px;
    /*margin-bottom: -20px;*/
    margin: 0px 5px 0px 0px;
}

应该注意的是，application.css 是在我本地主机上的 Rails 请求中的 changes.css 之后调用的，所以这让我怀疑这就是导致它的原因。是这样吗？

Answer 1

你在 firefox 上试过吗？我在 chrome 和 !important 标签上遇到了类似的问题，这是因为 chrome 中的某些父 html 元素被阻止了!important 所以我不得不修复父 css 或类似的东西，现在不记得了，但也许它会帮助你看看其他的部分代码不只是这两个 css ...