Html Can'；t覆盖引导。帮助阻止Rails中的页边距顶部

我正在构建一个Rails应用程序，并试图在custom.css.scss中覆盖两种样式的.help阻止类从引导。以下是css：

.help-block {
    margin-top: 5px;
    font-size: 12px;
}

下面是HTML：

<div class="container outer">
    <div class="row">
        <div class="span6 offset3">
            <div class="form-container">
            ...
                <form class="form-horizontal">
                ...
                    <div class="control-group">
                        <label class="control-label" for="nickname">Nichname*</label>
                        <div class="controls">
                            <input type="text" id="nickname" required>
                            <span class="help-block">Example: "Mrs. Locke," "Mr. Almeida"</span>
                            ...

---

当我这样做时，所有的页边距都被覆盖，除了顶部的页边距（再次）。我错过了什么？

听起来很愚蠢，但是。。。您是否尝试过使用

！重要信息

.help-block {
    margin-top: 5px !important;
    margin-left: 5px; #or whatever
    margin-right: 5px; #or whatever
    margin-bottom: 5px; #or whatever
    font-size: 12px;
}

---

试试：[class^=“control”]。帮助阻止{/*您的css*/}来覆盖引导值，如果它有效，您应该使用更重的选择器：）可能不是最好的结果，但它已经为我解决了所有问题。我知道。最好的方法是：在这里看到我的答案，讨论css覆盖FlatUI或Bootstrap的顺序。记住要考虑覆盖css的ClasseStanks@skozz的加载顺序。一点也不愚蠢。就这样。所以我的问题解决了。但我仍然很困惑为什么我需要使用！重要的是，稍后在我的css工作表（唯一的一个）中简单地覆盖它就足够了。叹息

.help-block {
    margin-top: 5px !important;
    margin-left: 5px; #or whatever
    margin-right: 5px; #or whatever
    margin-bottom: 5px; #or whatever
    font-size: 12px;
}