Question

css问题！a:vistied{ text-decoration:none; color: black; } color标签起作用 text-d标签不起作用

求大神指教

Answer 1

因为你的a:hover定义了text-decoration:none;，当你把鼠标移动到链接的时候，下划线就没有，你要a:visited的text-decoration:overline;有效，那就

1. 去掉a:hover的text-decoration:none;

2. 把a:visited{}放在a:hover{}之后；

建议用第一种方法。

追问

我想达到下面的一种效果

访问过的没有下划线，颜色变黑

但是必须用CSS实现，求大神贴代码

追答

CSS代码：

a:link {
  color: #8b8b8b;       /*  链接状态，没有访问过的字体颜色 */
}
a:visited {
  color: #000;            /*  已经访问过的字体颜色，黑色 */
  text-decoration: none;  /*  已经访问过的没有下划线 */
}
a:hover {
  color: #fff;        /*  鼠标在连接上时的字体颜色，白色，可自己修改 */
  backgound: #000;    /*  鼠标在连接上时的背景颜色，黑色，可自己修改 */
}

Answer 2

visitied指的是已经被点击过了的链接，你先点击完后再查看该链接文本样式看看。

Answer 3

超链接a的四个属性一般正常顺序为：link，visited，hover，active

如果按你在sublime里写的做,,没问题啊

Answer 4

你用的是overline？

追问

就是text-decoration标签不起作用，none和overline都没有效果

追答

:visited 因为安全问题只能使用以下css
color
background-color
border-color (and its sub-properties)
outline-color
The color parts of the fill and stroke properties

如果英文好的话读一下
developer.mozilla.org/en-US/docs/Web/CSS/Privacy_and_the_:visited_selector

可以用border-bottom做底线。