HTMLCSS：标记CSS规则w 伪类渲染不一致

概述我最近遇到了一个问题,我的网页设计项目一直微不足道,几次没有穿过我的手指,但它只是太烦人了. 假设我有一个包含以下规则的样式表： a { outline: 0; text-decoration: underline;}a:link { color: #0099FF;}a:visited { color: #0099FF;}a:hover { 我最近遇到了一个问题,我的网页设计项目一直微不足道,几次没有穿过我的手指,但它只是太烦人了.

假设我有一个包含以下规则的样式表：

a {    outline: 0;    text-decoration: underline;}a:link {    color: #0099FF;}a:visited {    color: #0099FF;}a:hover {    color: #FFFF00;}a:active {    color: #33FF66;}

我的文档中的链接有时只会有正确的颜色,但有时它们只是默认的蓝色>紫色链接.我在黑色背景上,所以这些看起来很糟糕.

如果我刷新页面,大约一半时间它们将正确呈现.这种情况在firefox和Chrome中都有发生.

这是怎么回事？

解决方法 如果您当前正在开发CSS,则浏览器很可能具有错误版本的样式表的缓存版本,这可以解释为什么链接无法正确显示.

请尝试以下方法：
在指向CSS的链接中,添加带有垃圾值的查询字符串.这将强制重新下载CSS并查看您的规则是否一致适用.如果他们这样做,那么你知道这是一个缓存问题.保留查询字符串,您的用户将重新下载CSS.
如果没有,那么你有一个CSS问题.下载firefox的fireBUG,检查其中一个不显示正确颜色的链接,并查看适用于它的规则.

以下是添加查询字符串的方法：

<link rel="stylesheet" type="text/CSS" href="style.CSS?v=3">

总结

以上是内存溢出为你收集整理的HTML / CSS：标记CSS规则w /伪类渲染不一致全部内容，希望文章能够帮你解决HTML / CSS：标记CSS规则w /伪类渲染不一致所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。