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

发布时间：2020-12-14 18:37:13 所属栏目：资源来源：网络整理

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

我最近遇到了一个问题,我的网页设计项目一直微不足道,几次没有穿过我的手指,但它只是太烦人了.

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

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">

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!