Question

我无法从site.css文件访问css类。但是如果我在我的个人视图（.cshtml）文件中编写这些类，那么我就可以访问它们了。请建议代码详情如下：＃面具 { 位置：绝对的; }

        /* You can customize to your needs  */
        .Add-popup
        {
          background: white;
        }

        img.btn_close 
        { 
         float: right;      
        } 
        '
        i have above classes in CSS file            
        1) this is my _layout.cshtml

        '
        <!DOCTYPE html>
        <html>
        <head>
            <meta charset="utf-8" />
            <title>@ViewBag.Title</title>
            <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet"  type="text/css"/>
        </head>
        </html>
        '

        2) this is my view

        '
        @{   

            ViewBag.Title = "View";
            Layout = "~/Views/Shared/_Layout.cshtml";
        }
        @if (false)
        {
            <script src="../../Scripts/jquery-1.7.1-vsdoc.js" type="text/javascript"></script>
            <link type="text/css" href="../../Content/Site.css" rel="stylesheet"  />
            <script src="...../ui/jquery.ui.mouse.js"></script>
            <script src="...../ui/jquery.ui.draggable.js"></script>         
        }
        @if (User.IsInRole("Owner"))
        {
        <div id="box" class="Add-popup">                                <a href="#" class="close"><img src="../../Content/images/close_button.png" class="btn_close" title="Close Window" alt="Close" /></a> 
         </div>
        }

'
        still i am not able to access those classess from CSS file.

        please reply if anybody has solution?

Answer 1

这是基本选项 - 您可以在文档中添加样式标记。

<link rel="stylesheet" href="site.css" type="text/css" />

如果您正在使用捆绑包，则将捆绑包放在那里：

@Styles.Render("~/Content/css")

最后，如果您使用的是主布局，那么这是放置它的最佳位置，因为它将适用于您的所有页面。

更新

如果您要定位ID，则使用＃，而不是用于类的点。

#Add-popup
    {
      background: white;
    }

    img.btn_close 
    { 
     float: right;      
    }

您也可以访问一个答案：how to refere CSS in CSHTML file?

如何将.css类用于.cshtml

1 个答案: