Html CSS更改没有得到反映。为什么?

Html CSS更改没有得到反映。为什么?,html,css,Html,Css,我在我的网站上工作,每当我在CSS文件中添加一些新行时,它就是不想使用我创建的行 然而,他们应该没事 .what-new { padding:2em 0 4em; text-align:center; } .what-new h3 { font-size:4em; font-weight:700; color:#000; margin:0.5em 0; 举个例子 CSS文件在某个部分工作,但在某个地方它只是停止使用我的文件。 然而,它是链接在头上

我在我的网站上工作,每当我在CSS文件中添加一些新行时,它就是不想使用我创建的行

然而,他们应该没事

.what-new {
    padding:2em 0 4em;
    text-align:center;
}
.what-new h3 {
    font-size:4em;
    font-weight:700;
    color:#000;
    margin:0.5em 0;
举个例子

CSS文件在某个部分工作,但在某个地方它只是停止使用我的文件。 然而,它是链接在头上的

<link rel="stylesheet" href="style/css_2-play.css" type="text/css"/>

我的HTML代码如下(请注意,这只是代码的一部分):


有什么新鲜事吗
06
2015年1月31日

有人知道解决方法吗?

当我在mac上的XAMPP堆栈上处理我的网站时,这种情况总是发生在我身上。解决方案是激活开发者选项,并从开发者菜单中选择“空缓存”。这将强制浏览器刷新页面的css。我不熟悉在其他平台上开发,但是看看你是否可以清空浏览器中的缓存


此外,请检查css并确保语法正确,特别是没有在某处遗漏“}”。

请关闭您启动的div。有什么新的h3

CSS代码:

.what-new{
    padding:2em 0 4em;
    text-align:center;
}
.what-new h3{
    font-size:4em;
    font-weight:700;
    color:#000;
    margin:0.5em 0;
}

您基本上面临一个缓存问题,您的浏览器不想实际从服务器请求新版本,而是使用内部浏览器缓存中缓存的版本

简单地使用开发人员工具禁用缓存在开发过程中会起作用,但如果您的工作流程是基于频繁地将内容联机,那么最终您将面临这样一种情况:您将无法再控制访问者看到的CSS代码的版本(并且您不能指望他们使用开发人员工具禁用缓存)

为了防止这样的事情发生,你应该使用一种叫做“缓存破坏”的技术,这基本上意味着你将在每次资源文件更改时都会更改的资源URL中添加内容。从本质上说,您的CSS URL转换来自此

<link rel="stylesheet" href="style/css_2-play.css" type="text/css"/>

注意:我实际上更喜欢在文件名本身中包含时间戳,因此我不喜欢使用
/css/main.min.css?1422585377
而喜欢使用
/css/main-1422585377.min.css
,因为像Squid这样的一些代理服务器倾向于忽略查询字符串,只将文件名部分视为相关部分。

这意味着CSS规则未应用,或者您的CSS文件已缓存

可能的原因是:

  • 带有a的CSS规则正在赢得您希望应用的规则
  • 具有相同特性的CSS规则在您的
    之后加载(声明的顺序很重要-后者获胜-因此请检查CSS文件导入)
  • 针对对象的CSS规则使用
检查如何通过浏览器的开发人员工具(使用F12打开)应用规则

提示:在CSS面板中,规则按重要性降序列出

  • 您的CSS有语法错误
  • 您的HTML格式不正确
使用一些验证器

  • 您的浏览器正在缓存CSS文件
按CTRLF5强制刷新浏览器缓存资源

提示:探索主题

  • 您的服务器正在缓存CSS文件
通过在地址栏中输入静态资源的URL并在该页面(即CSS文件)上按CTRLF5,强制刷新服务器缓存资源


提示:要快速打开CSS文件的URL,请使用浏览器开发工具的新选项卡中的“打开链接”,或单击使用View Source打开的HTML中的CSS链接。

我忘记关闭CSS文件中的
{

这就是为什么页面上没有显示所有代码。

对于Django,“clearsessions”,后跟“runserver”,将刷新.css文件中的所有设置


您还应该清理浏览器的缓存。

如果浏览器未反映所附CSS样式表中所做的更改,请尝试以下操作:

  • 在浏览器窗口中的文档上单击鼠标右键
  • 转到查看页面源
  • 在代码中找到附加CSS文件的链接。转到附加CSS文件 CSS文件,查看它是否包含您的最新更改。如果不包含,请刷新 将显示您的CSS文件和所有最新更改
  • 重新加载文档,将显示更改。 . 希望这有帮助

  • 主要是由于浏览器的缓存。 通过删除历史记录并删除缓存来删除缓存,或者
    上面建议,在经历了很多痛苦并完成了这里已经提到的所有表单之后,只需按ctrl+f5键,而不是只按f5键

    我在我的CPanel上发现了一个名为Cachewall的应用程序,我只是将其关闭,这就解决了我的问题


    这可能会对某人有所帮助。

    在我的情况下,错误是,我没有在VS2017中安装名为Bundler&Minifier的软件包。安装后,对例如main.css的所有更改也会自动更改main.min.css,Web发布采用实际的css文件。

    我面临同样的问题,但我找到了解决方案。添加或更改后css_2-play.css中的css属性

    <link rel="stylesheet" href="style/css_2-play.css" type="text/css"/>
    
    
    
    将CSS文件名更改为something.CSS

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

    不要忘记重命名原始目录中的css文件

    对于Chrome,请使用Clear Cache Extension。要下载此扩展,请单击此


    您可以在开发模式下禁用缓存。例如,对于Google Chrome:右键单击->检查->网络->单击禁用缓存 然后,您不需要每次都清理缓存。

    检查绝对值是否
    RewriteRule (.+)-(\d{10,}).(css|js|jpg|jpeg|png|gif)$ $1.$3 [L]
    
    <link rel="stylesheet" href="style/css_2-play.css" type="text/css"/>
    
    <link rel="stylesheet" href="style/something.css" type="text/css"/>