Question

我没有安装任何优化插件并缓存关闭，我在CSS编辑后清除缓存但没有任何反应？原始代码效果很好，但是当我编辑颜色时，浏览器会带回旧代码...... 这是我的template.css中的代码！

a {
  color:#0C42CE;
  text-decoration:none;
}

这是现在的浏览器代码

color: #7AE;
text-decoration: none;

修正了这是一个许可问题..facepalm

Answer 1

在浏览器中打开CSS文件，键入Ctrl + f5。如果它没有显示修改过的CSS，那么就比你有一个保存问题。

Answer 2

确保文件实际已保存，并且您的计算机和服务器之间的更改未处于待处理状态，因为您需要输入密码。

您可以try these changes to .htaccess每次都让浏览器请求页面。一旦你完成所有工作，建议关闭静态css文件。

<FilesMatch "\.(html|htm|js|css)$">
    FileETag None

    <IfModule mod_headers.c>
        Header unset ETag
        Header set Cache-Control "max-age=0, no-cache, no-store, must-revalidate"
        Header set Pragma "no-cache"
        Header set Expires "Wed, 11 Jan 1984 05:00:00 GMT"
    </IfModule>
</FilesMatch>

Answer 3

另外，请务必设置a：visited和a：链接，以便链接的颜色不同，因为您已经点击了它。

a:visited, a:link{
    color:red;
    etc....
}

Answer 4

通常这是因为级联顺序发生的，所以在其他地方声明了该选择器的样式。它实际上是一个“级联”样式表。这可以通过在声明后添加！important来覆盖任何先前的样式声明来解决。例如：

a, a:link, a:hover {
    color: red !important;
}

关于文件权限，无论您是从Cpanel还是外部编辑器/ ftp进行编辑，大多数站点的文件权限对于目录应为755，对于文件应为644，编辑文件时应该没有问题。

Answer 5

语法：

 <a href="" class="x">...........</a>

css将被定义为：

a.x{
color:#0C42CE;
text-decoration:none;
}

和

a:hover.x{
color:#0C42CE;
text-decoration:none;
}

并在

中添加您的css文件

<head><link rel="stylesheet" href="/path/to/your/css/file.css" /></head>

我的CSS编辑没有生效

5 个答案: