Html CSS更改没有得到反映。为什么?
我在我的网站上工作,每当我在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文件在某个部分工作,但在某个地方它只是停止使用我的文件。 然而,它是链接在头上
.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规则使用的
- 您的CSS有语法错误
- 您的HTML格式不正确
- 您的浏览器正在缓存CSS文件
- 您的服务器正在缓存CSS文件
提示:要快速打开CSS文件的URL,请使用浏览器开发工具的新选项卡中的“打开链接”,或单击使用View Source打开的HTML中的CSS链接。我忘记关闭CSS文件中的
{
。
这就是为什么页面上没有显示所有代码。对于Django,“clearsessions”,后跟“runserver”,将刷新.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"/>