访问时停用锚标记的颜色更改

访问时必须禁用锚标记的颜色更改。 我做到了这一点：

a:visited{ color: gray } 

（在访问之前链接是灰色的）。 但是，这是一种方式，我明确说明链接访问后的颜色，这又是一个颜色的变化。

如何在不访问颜色的情况下禁用颜色变化的锚标签？

Answer 1

你不能，你只能风格的访问状态。

对于其他人find这个，确保你有正确的顺序他们：

 a {color:#FF0000;} /* unvisited link */ a:visited {color:#00FF00;} /* visited link */ a:hover {color:#FF00FF;} /* mouse over link */ a:active {color:#0000FF;} /* selected link */ 

Answer 2

如果你只是想让锚点的颜色与锚点的父元素保持一致，你可以利用inheritance：

 a, a:visited, a:hover, a:active { color: inherit; } 

注意，没有必要重复每个select器的规则; 只需使用逗号分隔的select器列表（顺序对于伪伪元素来说是重要的）。 此外，如果要select性地禁用特殊的锚点颜色，则可以将伪select器应用到类中：

 .special-link, .special-link:visited, .special-link:hover, .special-link:active { color: inherit; } 

你的问题只是问访问状态，但我认为你的意思是所有的国家。 如果您想允许所有访问者进行颜色更改，则可以删除其他select器。

Answer 3

对于:hover以覆盖:visited ，并确保:visited与初始颜色相同， :hover必须在:visited后:visited 。

所以如果你想禁用颜色变化， a:visited必须在a:hover之前a:hover 。 喜欢这个：

 a { color: gray; } a:visited { color: orange; } a:hover { color: red; } 

禁用:visited更改，您将使用非伪类来设置它：

 a, a:visited { color: gray; } a:hover { color: red; } 

Answer 4

删除select器或将其设置为与正常显示的文本相同的颜色。

Answer 5

你可以通过调用a:link和a:visitedselect器来解决这个问题。 并按照它a:hoverselect器。

 a:link, a:visited {color: gray;} a:hover {color: skyblue;} 

Answer 6

 a:visited { text-decoration: none; } 

但它只会影响尚未被点击的链接。