当前位置: 首页 > 面试题库 >

为什么某些CSS属性不应用于a:visited?

孔波
2023-03-14
问题内容

我的网站有一些链接样式,CSS如下:

a:link {
    font-family: Verdana, Tahoma, Geneva, sans-serif;
    text-decoration: none;
    color: #0676b3;
}

a:visited {
    color: #666;
    text-decoration: underline;
}

a:hover {
    color: #fff;
    background: #A5C2DB;
    border-radius: .1875em;
    padding: 0 .1875em;
}

这里是一个的jsfiddle展示他们是如何 应该 在各自不同的状态看:

a {

  display: inline-block;

  margin: 10px;

}

/*  these styles are for presentation of the link states they are NOT the styles in my stylesheet*/



a.link {

  font-family: Verdana, Tahoma, Geneva, sans-serif;

  font-size: .875em;

  text-decoration: none;

  color: #0676b3;

}

a.visited {

  color: #666;

  text-decoration: underline;

}

a.hover {

  color: #fff;

  background: #A5C2DB;

  border-radius: 0.1875em;

  padding: 0 0.1875em;

}


<a class="link">Regular Link</a>

<br />

<a class="visited">Visited Link</a>

<br />

<a class="hover">Hovered Link</a>

:link =蓝色文字没有装饰

:visited =灰色文字加下划线

:hover =浅蓝色背景的白色文本

:link:hover工作正常,但由于某些原因,:visited国拒绝显示下划线。在使用Firebug或检查器的Chrome和Firefox中,我可以看到实际的:visited样式,文本为灰色,只有它拒绝underline状态。

关于我在做什么错的任何想法吗?


问题答案:

您没有做错任何事情-只是这种方式不再起作用了。:visited的样式用作安全漏洞,因此浏览器制造商基本上消除了:visited的替代样式,除了少数几个属性(例如,“color”,“ background-color”)



 类似资料:
  • 在这里我想通过BOOTSTRAP和css制作一个网站模板,但是在我的代码中,一些BOOTSTRAP类不起作用,比如lead、font-weight、color、bg-color等,如果我在一个部分中使用一些BOOTSTRAP文本颜色,而不是在css中在同一部分中使用其他颜色,我就不起作用了。我想在每个文本上使用相同的font-family。但是如果我使用font-family,than lead类

  • 问题内容: 我有一个嵌套的flexbox布局(使用bootstrapv4),可根据横向/纵向模式更改方向。第一层(由flexbox使用该属性放置)包含5个用作按钮的图标。我无法在这些图标上正常使用该属性。 如果我不使用属性,则图标将按照自然顺序进行布局;但是,如果我尝试使用该属性对其进行布局,则无法正常工作。在代码中,()应该是最后一个元素。不是。我可以通过更改源中的顺序来获得所需的顺序。但是,我

  • 问题内容: 我一直都在看:声明的对象常量使某些键用引号引起来,而另一些则没有。jQuery 1.4.2中的示例: **用引号 将前两个属性键(和 ) 包裹 起来,而其他两个都不用引号引起来的意义是什么? 有什么区别吗? 我一直在摸索ECMAScript 5规范;我所能找到的只是[ 15.12.3节的注6,重点是我的 ]: 注6:一个对象呈现为左括号,后跟零个或多个属性,以逗号分隔,右括号封闭。 属

  • 问题内容: 我有一个现有的网站,上面有很多用表格布置的旧页面和表格,我正尝试逐步过渡到CSS。我想使用Twitter Bootstrap样式表-特别是表单样式- 但仅在我明确要求它们的页面部分中使用。例如,我可能将整个表单围绕在div中,如下所示: 我希望所有其他形式保持与现在相同,因为我将无法同时更改所有形式。有没有简单的方法可以做到这一点?我可以遍历Bootstrap CSS中的每种样式,并添

  • 问题内容: 我已经从Khalid Mughal SCJP复制了以下程序片段,但是我无法 理解输出。 上面的程序为第一个print语句提供了输出true,但是应该给出false,因为它是==关系运算符的引用比较。但是第三张印刷品是假的,我不理解这种不一致。 解释非常感谢! 问题答案: 在第一种情况下,两个和都指向相同的缓存对象。默认情况下,-128和127之间的范围作为对象缓存。我们可以使用

  • 问题内容: 我想以一种人类可读的方式将.NET对象序列化为JSON,但是我想对对象的属性还是数组的元素以自己的一行结束进行更多控制。 目前,我正在使用JSON.NET的方法进行序列化,但似乎只能为整个对象全局应用(单个行中的所有元素)或(单个行中的所有元素,没有任何空格)格式化规则。有没有一种方法可以默认使用全局缩进,但是对于某些类或属性(例如,使用属性或其他参数)将其关闭? 为了帮助您理解问题,