css样式中a:visited a:active 能帮我解释一下这是啥意思吗？

Posted 2023-05-11

对页面的a标签（链接）进行控制，就用到伪类了，下面介绍一下各伪类的作用与用法：

1.所有链接

首先，伪类：link和a元素选择器（来源于链接标记的<a href ...>部分）组合，创建选择器a:link。

a :link
color:#f00;

这个简单的选择器将处理所有<a>元素的实例，将所有未访问过的的链接变为红色。由于没有创建 相应的选择起来覆盖浏览器默认访问过的链接样式，所有访问过的链接也仍然是红色。

2.访问过的链接

为了区别显示访问过的链接，只需要结合<a>元素和：visited伪类创建一个简单的选择器即可。

a :visited
color:#999;

现在所有未访问过的链接是红色，而所有访问过的链接将变成淡灰色（如图7-2所示）。让访问过的链接和没有访问过的链接有所不同的是非常重要的。这是一个大家都接受的惯例，并且可以立即突出在本机上已经访问过的所有连接。

3.:hover伪类

假定有一个很大的连接列表，或者有一个到处都是链接的段落，如果没有某种形式的交互，用户很容易就会点错链接，从而被带到错误的目的网页。强大的:hover伪类可以解决这个问题，该伪类除了能够提高可用性外，也是非常吸引人的。

同样，这个选择器首先找到所有<a>元素的实例，但是仅仅当用户鼠标移动到链接文本时，才真正执行。
a:hover ｛
color：#333;
｝

这个简单的规则在鼠标放在链接上时将所有的链接文本变成深灰色，而不管该链接是否已经访问过。

4.:active伪类

:active伪类主要关注鼠标真正点击链接时的样式。该伪类可以提高网页的可用性。
a:active
color:#333;

在这个例子中，当用户点击链接时，只要当前页面一直保持浏览，文本将变成黑色，这样主要是提供一个额外的提示，以表明用户目前正在处理那个网页。

另外要非常注意的是这几个伪类在声明时的顺序：如果你在同一个选择器上使用几种不同的伪类，声明时一定要注意他们之间的先后顺序，记住，一定是L V H A（字母为各个伪类的首字母），这个顺序非常重要。

例如，如果你将a:hover选择器放在a:visited选择器之上（也就是说你的顺序是L H V A），由于层叠作用，你会发现a:hover声明对于所有访问过的链接没有任何影响。即使鼠标停留在连接上，文本仍然保持淡灰色，而不会发生预期的动作。或许有某些情况需要这种方法，但是这种场合应该很少，因此，最好是要避免。 参考技术A a:visited 访问后的样式，鼠标点击这个链接之后的样子（其中包括颜色、字体大小之类的）
a:active 是点击时候的一个样式 ，鼠标放在这个连接上的样子（同样包裹字体的颜色，打字大小一系列的样式）
希望能够帮到你^V^ 参考技术B a:visited 是代表访问后的一个样式
a:active 是点击时候的一个样式

网页设计中的动态脸接中a:link a:visited a:hover a:active四种状态的含义是啥?

a:link：超链接正常的时候的状态

a:visited：超链接被点击以后的状态

a:hover：超链接鼠标经过状态

a:active：超链接激活状态

例如：a:linktext-decoration：none;看到别人总结的两点参考下记忆：在CSS中，如果对于相同元素有针对不同条件的定义，宜将最一般的条件放在最上面，并依次向下，保证最下面的是最特殊的条件。

“爱恨原则”（LoVe/HAte），即四种伪类的首字母：LVHA。再重复一遍正确的顺序：a:link、a:visited、a:hover、a:active 

扩展资料：

link()以参数newpath指定的名称来建立一个新的连接(硬连接)到参数oldpath所指定的已存在文件。如果参数newpath指定的名称为一已存在的文件则不会建立连接。函数在执行成功时则返回0，失败时则返回-1，错误原因存于errno。 link()所建立的硬连接无法跨越不同文件系统，如果需要请改用symlink()。

参考资料来源：百度百科-link

参考技术A a:link 是指超链接正常的时候的状态
a:visited 是超链接被点击以后的状态
a:hover 是超链接鼠标经过状态
a:active 是超链接激活状态

呵呵~~希望帮到您本回答被提问者采纳 参考技术B a:link 是指超链接正常的时候的状态
a:visited 是超链接被点击以后的状态
a:hover 是超链接鼠标经过状态
a:active 是超链接激活状态
这是4个css伪类 比如你希望在一个名为.rrcy类下面的链接颜色为红色
那么就是这样.rrcy a:linkcolor:red;