【问题标题】:mvc5 create new css doesn't workingmvc5 创建新的 CSS 不起作用
【发布时间】:2018-12-31 23:30:47
【问题描述】:
    <div id="asdf">
    <div class="asdf">
        <h1>@Html.ActionLink("GaramStone","Index")</h1>
        <ul>
            <li>
                <a href="~/Views/Home/About.cshtml">About</a>
            </li>
            <li>
                <a href="~/Views/Home/Contact.cshtml">Contacts</a>
            </li>
        </ul>
    </div>
</div>

我想检查是否应用了新的 CSS。

    #asdf {
    background:#0094ff
}

我在内容目录中创建了新的 css 文件 并添加 bundleconfig.cs

 bundles.Add(new StyleBundle("~/Content/AllCss.css").Include(
                  "~/Content/bootstrap.css",
                  "~/Content/site.css",
                  "~/Content/homepage.css"));

并添加head标签

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

但背景颜色没有改变。我想检查这是我的 css 代码问题还是新的 css 文件不适用。所以我复制了site.css代码并粘贴在hompage.css中 并像这样更改 bundleconfig.cs

bundles.Add(new StyleBundle("~/Content/AllCss.css").Include(
                  "~/Content/bootstrap.css",
                  "~/Content/homepage.css"));

但它也没有改变......我找不到问题所在。

【问题讨论】:

  • 究竟是什么不起作用?你如何在你的页面上引用它?你清除缓存了吗(如果没有尝试 Ctrl+F5)?
  • 我认为新的 css 文件没有渲染,是的,我清除了缓存。
  • 请您确认您在运行应用程序时在浏览器控制台中没有收到任何错误。
  • 很抱歉这是我第一次使用mvc5。所以我不太清楚。在控制台中有 Failed to load resource: net::ERR_FILE_NOT_FOUND 错误。当我删除 hompage.css(我的自定义 css)并将 hompage 代码复制到 site.css 时,它有相同的错误,但它工作正常......

标签: css asp.net-mvc-5


【解决方案1】:

您是否将捆绑包添加到您的_layout.cshtml

@Scripts.Render("~/Content/AllCss.css")

【讨论】:

  • 您是否看到您在解决方案资源管理器中添加的 CSS 文件?如果没有,请单击解决方案资源管理器右上角的“多个文件图标”(将鼠标悬停在它上面时会显示“显示所有文件”)。然后右键单击您的css文件并选择“包含在项目中”。我认为该项目无法找到 CSS 文件,因为它尚未包含在内。
  • 谢谢。但它包括在内。我排除它并再次包含它,但结果是一样的......
猜你喜欢
  • 2018-02-27
  • 2013-08-30
  • 1970-01-01
  • 1970-01-01
  • 2011-05-17
  • 1970-01-01
  • 1970-01-01
  • 2019-10-21
  • 1970-01-01
相关资源
最近更新 更多