CSS样式不适用于自定义类

Question

我正在开发ASP.NET MVC5 SPA。我有一个名为_Home和Site.css的视图，用于管理_Home的样式。在_Home.cshtml我有自定义类col-contacts。这里有完整的_Home.cshtml代码：

<div class="row">
    <div class="col-md-3">
        <div class="col-contacts">
            <input type="text" class="form-control" />
            <p>Some text on which background should be applied</p>
        </div>
    </div>
    <div class="col-md-9">
        <h2>Get more libraries</h2>
        <p>NuGet is a free Visual Studio extension that makes it easy to add, remove, and update libraries and tools in Visual Studio projects.</p>
        <p><a class="btn btn-default" href="http://go.microsoft.com/fwlink/?LinkId=301866">Learn more &raquo;</a></p>
    </div>
</div>

以下是来自Site.css的代码。

body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

.col-contacts {
    border-style: solid;
    border: 2px;
    border-color: #000000;
}

但css样式未应用

Answer 1

您应该使用border-width: 2px;代替border: 2px;，或者在速记下合并所有三个属性......就像这样border: #000000 solid 2px;

DEMO