📌  相关文章
📜  HTML BodyElement.vLink 属性(1)

📅  最后修改于: 2023-12-03 15:31:09.938000             🧑  作者: Mango

HTML BodyElement.vLink 属性

简介

HTML BodyElement.vLink 属性用于获取或设置访问过的链接的颜色。vLink 属性表示 visited link（已访问链接）。 当用户访问一个链接，并且该链接在浏览器的访问历史记录中有记录时，该链接就被认为是已访问过的。 此时，vLink 属性所指定的颜色将会被应用于该已访问链接上。

语法
<body vLink="color_name | hex_number | rgb_number | transparent">

color_name：表示指定颜色的名称，如red、yellow等。

hex_number：表示颜色的十六进制表示法，如#FF0000。

rgb_number：表示颜色的 RGB 表示法，如rgb(255,0,0)。

transparent：表示链接不显示颜色。

示例
<!DOCTYPE html>
<html>
<head>
	<title>HTML BodyElement.vLink 属性示例</title>
	<meta charset="UTF-8">
</head>
<body vLink="#FF0000">
	<a href="https://www.baidu.com">访问百度</a>
	<a href="https://www.google.com">访问谷歌</a>
	<a href="https://www.taobao.com">访问淘宝</a>
</body>
</html>

在上述示例中，我们设置了 vLink 属性的值为 #FF0000，也就是红色。 当我们在浏览器中访问这三个链接后，再次回到页面中，我们会发现已经访问过的链接变成了红色。

注意事项
  • BodyElement.vLink 属性只能用于 元素。
  • 如果未指定 vLink 属性，浏览器默认使用浏览器自身的默认颜色。
  • 如果同时使用了 vLink 和 a:visited 伪类选择器设置样式，优先级是 a:visited > vLink。
  • 在新版浏览器中，vLink 属性已经不推荐使用，建议使用伪类选择器 a:visited 设置样式。