Question

我正在构建以下引导程序下拉列表

<div class="btn-group">
    <button class="btn btn-default dropdown-toggle option-dropdown" data-toggle="dropdown">@Model.SelectedOption <span style="border-right:2px solid #68D0ED;margin-right:8px; margin-left:5px"></span><span class="caret"></span></button>
    <ul class="dropdown-menu" role="menu">
        @foreach (var option in Model.Options)
        {
            <li><a class="option" href='@string.Format("/controller?option={0}", option )'>@option</a></li>
        }
    </ul>
</div>

，并尝试基于类名option-dropdown和option应用以下样式。使用内联CSS样式时，我的样式将按预期方式应用，但是当我将其移动到.scss文件时，这些样式将不再适用。我不确定我哪里出错了，因为我对Sass有点陌生。我的理解（这显然是错误的）是，我仍然可以选择类名来应用样式，就像在CSS中一样。感谢所有帮助。我的sass文件如下：

.option {
    color: #68D0ED;
    background-color: #FFFFFF;
}

.option-dropdown {
    border: 2px solid #68D0ED;
    color: #68D0ED;
}

Answer 1

请通过检查（Ctrl + Shift + i）检查您的文件是否正在浏览器中执行，然后转到源。检查源中是否存在您的.css文件。清除缓存。

SCSS样式未按预期应用

1 个答案: