У меня есть следующий выпадающий список начальной загрузки, который я создаю
<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;
}