自定义CSS覆盖在ASP.NET MVC中不起作用

Question

我在ASP.NET MVC应用程序中使用ReStart Bootstrap模板，并在子样式表中应用了一堆CSS覆盖。出于某种原因，并非所有覆盖都在我的Chrome浏览器中生效，但我很肯定选择器都是正确命名的。我还在HTML标记的父表单链接后放置了子样式表的链接，以确保以正确的顺序加载。

这是一个例子，其中我只是改变单个元素的背景颜色：

style.css表中显示的父样式：

#social_media_wrapper {
  background: #428bca;
}

site.css表格中的儿童样式：

#social_media_wrapper {
  background: #ff8000;
}

以下是元素的HTML参考：

            <div id="social_media_wrapper">
                <a href="https://www.linkedin.com" target="_blank"><i class="fa fa-linkedin-square"></i></a>
                <a href="http://stackoverflow.com"></i></a>
                <a href="https://github.com" target="_blank"><i class="fa fa-github-square" target="_blank"></i></a>
            </div>

不确定此处还会遗漏哪些会导致这些子样式被浏览器忽略，因为标记为!important的父样式中没有任何内容会阻止子样式覆盖（特别是因为其他生活在同一文档中的子样式会覆盖父母而没有任何问题。）

Answer 1

更改：

#social_media_wrapper {
  background-color: #ff8000 !important;
}

我希望这可能有所帮助。

Answer 2

更改

#social_media_wrapper {
  background: #ff8000;
}

到

#social_media_wrapper {
  background-color: #ff8000;
}