zoukankan      html  css  js  c++  java
  • 实验时css层叠样式表不更新的情况

    自定义了CSS的样式,希望在页面中起作用。因为MVC中Views/Shared/_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.5.1.min.js")" type="text/javascript"></script>
    </head>
    
    <body>
        @RenderBody()
    </body>
    </html>

    <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />通过这句话使用了一个外部层叠样式表文件,位置在"~/Content/Site.css"。所以,如果要自定义层叠样式,就可以在Site.css中文件添加定义,这样也方便统一管理。

    在实验过程中,出现一个问题,就是在Site.css中修改或添加了层叠样式后,启动程序,发现CSS没有起作用。测试多次,换浏览器,清除缓存都不行。

    后发现解决方法为:启动程序后,在页面上选择查看网页源代码,会在head头部看到添加进来的这个外部CSS文件的地址,比如:

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

    正常情况下"/Content/Site.css"下会有超链接,鼠标点击这个超链接,将直接打开Site.css的源代码文件,此时发现,Site.css源代码文件里的内容没有加载新添加的内容,还是老内容。解决的方法就是在此时,刷新浏览器,让浏览器重新加载Site.css源代码文件,就可以看到新添加或修改的内容就已经添加进来,这个时候再做实验,打开页面,CSS就起作用了。

    -lyj

  • 相关阅读:
    Javac配置环境变量01
    jmeter压测学习-发soap请求测试webservice
    Faker 安装与介绍
    docker使用nginx部署spring项目
    Linux查看端口占用情况
    Cesium 中两种添加 model 方法的区别
    Cesium 动态更换模型贴图方法
    Node.js API 学习笔记
    一步步建立 Vue + Cesium 初始化项目
    python3 解析 base64 数据
  • 原文地址:https://www.cnblogs.com/brown-birds/p/3762917.html
Copyright © 2011-2022 走看看