ASP.NET Css不起作用

时间:2016-11-15 09:08:12

标签: html css asp.net

我也试着让CSS在我的页面上工作,但我无法解决这个问题。有人可以看看我的代码并帮助我吗?

这是我想要我的CSS的地方。 Css页面名称是StyleSheet.css

@model IEnumerable<DNDB.Models.Domeinnaam>

<head> @Styles.Render("~/Content/StyleSheet.css") </head>
@{
ViewBag.Title = "Index";
}
<h2>Domeinnaam Overzicht</h2>

<p>
@Html.ActionLink("Voeg toe", "Create")
</p>
<table class="tabledomeinnamen">
<tr>
    <th>
        @Html.DisplayNameFor(model => model.IsActief) 
    </th>

这是我的_layout页面:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>@ViewBag.Title - My ASP.NET MVC Application</title>
<link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
<meta name="viewport" content="width=device-width" />
@Styles.Render("~/Content/StyleSheet.css")
@Scripts.Render("~/bundles/modernizr")
</head>

stylesheet.css中

#body {
width: 100%;
background-color: red;
} 

#tabledomeinnamen {
margin: 0 auto;
width: 60%;
color: white;   
background-color: red;
}


#tabledomeinnamen td {
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid white;
    background-color: forestgreen;
}
#Banner {
width: 75%;
margin: 0 auto;
text-align: center;

}

#Footer {
width       :75%;
margin      :0 auto;
color       :black;
clear       :both;
text-align  :center;
padding-left: 25px;
padding-right: 25px;
}
#menu {
text-align: center;
}

有人可以告诉我或解释我应该如何解决这个问题吗?

编辑:我对编程很陌生,所以这对我来说并不容易。

1 个答案:

答案 0 :(得分:4)

您的CSS错误,您正在使用ID选择器而不是类选择器。哈希(#)表示您在HTML中调用ID。但是如果你看一下HTML,你只能在表格中定义一个类。要选择具有特定类的元素,请编写句点(。)字符,后跟CSS中类的名称。

More information about ID's and classes can be found here