asp.net - 样式嵌套在另一种样式的 asp.net View 中,但不确定如何嵌套

标签 asp.net css asp.net-mvc-3 razor

在 _Layout.cshtml 中,我在标签中定义了以下内容:

@RenderSection("JavaScript", required: false);

整体看起来是这样的:

<head>
    <meta charset="utf-8" />
    <title>@ViewBag.Title</title>
    <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
    <script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/modernizr-1.7.min.js")" type="text/javascript"></script>

    @RenderSection("JavaScript", required: false);

</head>

现在在 View 的 Index.cshtml 中我有:

@section JavaScript
{
    <style type="text/css" title="currentStyle">
        @@import "table/media/css/demo_page.css";
        @@import "table/media/css/demo_table.css";
    </style>
}

但是在“元素样式不能嵌套在元素样式中”这一行上。

不知道这是为什么,有人有什么想法吗?

最佳答案

通常你应该使用 url@import:

@section JavaScript
{
    <style type="text/css" title="currentStyle">
        @@import url("table/media/css/demo_page.css");
        @@import url("table/media/css/demo_table.css");
    </style>
}

或者将link标签与href一起使用:

@section JavaScript
{
    <link href="@Url.Content("~/table/media/css/demo_page.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/table/media/css/demo_table.css")" rel="stylesheet" type="text/css" />
}

关于asp.net - 样式嵌套在另一种样式的 asp.net View 中,但不确定如何嵌套,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8550503/

相关文章:

c# - 如何排序和排名并选择唯一值?

asp.net - asp.net c# 中的日期时间错误

c# - 如何发送缓存控制 : no-cache in HTTP Response header?

c# - 从 gridview c# 格式标题文本导出到 excel

javascript - 倒计时计时器停在零,我希望它重置

javascript - 单击时隐藏 Div

javascript - 如何实现语法高亮?

asp.net-mvc-3 - 使用 bootstrap、Asp.net Mvc 3 和 Backbone 进行火 jquery 不引人注目的验证

jquery - 在浏览器中更改屏幕大小会导致我们的应用程序出现问题

asp.net-mvc - ASP.NET MVC 3自定义HTML帮助器-最佳实践/用法