gpt4 book ai didi

html - site.css 中的 CSS 不适用于 asp.net 布局中的

转载 作者:行者123 更新时间:2023-11-28 13:52:12 25 4
gpt4 key购买 nike

我想得到这个:

enter image description here

但是我得到了这个:

enter image description here

我的 _Layout.cshtml:

<!DOCTYPE html>
<html>
<head>
<title>@ViewBag.Title</title>
<link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
<script src="@Url.Content("~/Scripts/jquery-1.6.2.min.js")"
type="text/javascript"></script>
</head>
<body>
<div id="header">
<div class="title">SPORTS STORE</div>
</div>
<div id="categories">
@{Html.RenderAction("Menu", "Nav");}
</div>
<div id="content">
@RenderBody()
</div>
</body>
</html>

我的 Menu.cshtml:

@model IEnumerable<string> 

@{
Layout = null;
}

@Html.ActionLink("Home", "List", "Product")

@foreach (var link in Model)
{
@Html.RouteLink(link, new
{
controller = "Product",
action = "List",
category = link,
page = 1
})
}

我的网站.css:

BODY { font-family: Cambria, Georgia, "Times New Roman"; margin: 0; }
DIV#header DIV.title, DIV.item H3, DIV.item H4, DIV.pager A {
font: bold 1em "Arial Narrow", "Franklin Gothic Medium", Arial;
}
DIV#header { background-color: #444; border-bottom: 2px solid #111; color: White; }
DIV#header DIV.title { font-size: 2em; padding: .6em; }
DIV#content { border-left: 2px solid gray; margin-left: 9em; padding: 1em; }
DIV#categories { float: left; width: 8em; padding: .3em; }

DIV.item { border-top: 1px dotted gray; padding-top: .7em; margin-bottom: .7em; }
DIV.item:first-child { border-top:none; padding-top: 0; }
DIV.item H3 { font-size: 1.3em; margin: 0 0 .25em 0; }
DIV.item H4 { font-size: 1.1em; margin:.4em 0 0 0; }

DIV.pager { text-align:right; border-top: 2px solid silver;
padding: .5em 0 0 0; margin-top: 1em; }
DIV.pager A { font-size: 1.1em; color: #666; text-decoration: none;
padding: 0 .4em 0 .4em; }
DIV.pager A:hover { background-color: Silver; }
DIV.pager A.selected { background-color: #353535; color: White; }

DIV#categories A
{
font: bold 1.1em "Arial Narrow","Franklin Gothic Medium",Arial; display: block;
text-decoration: none; padding: .6em; color: Black;
border-bottom: 1px solid silver;
}
DIV#categories A.selected { background-color: #666; color: White; }
DIV#categories A:hover { background-color: #CCC; }
DIV#categories A.selected:hover { background-color: #666; }

最佳答案

这个例子来自 ASP.NET MVC 3 PRO 书。我试过了,这对我有用。我建议您引用代码下载或检查您的代码是否正确。

从您的代码来看,这似乎是正确的,但您可能需要刷新缓存或使用 Firebug 等开发人员工具检查渲染的内容。

这是它应该在 Firebug for div id=categories

中的内容
DIV#categories {
float: left;
padding: 0.3em;
width: 8em;
}

以及里面的标签。

DIV#categories A {
border-bottom: 1px solid silver;
color: Black;
display: block;
font: bold 1.1em "Arial Narrow","Franklin Gothic Medium",Arial;
padding: 0.6em;
text-decoration: none;
}

关于html - site.css 中的 CSS 不适用于 asp.net 布局中的 <div id>,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11276867/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com