更改访问链接中的类的颜色

Question

我在这样的链接标记中有一个类：

<a class="title" href="page.php" >some text and <span class="highlight" > keyword</span></a>

的CSS：

a:visited{
color: purple;
}
.highlight{
color: yellow;
}

当我点击链接时，它变为紫色，但关键字仍为黄色，该怎么办？

Answer 1

你可以这样做：

JSFiddle - DEMO

<强> HTML：

<a class="title" href="#">some text and <span class="highlight" > keyword</span></a>

<强> CSS：

a:visited, a:visited > .highlight {
    color: purple;
}
.highlight {
    color: yellow;
}

Answer 2

如果要将访问链接中的.highlight元素设置为与访问链接之外的元素不同，则需要为其编写两个规则集。

使用descendant combinator。

.highlight {
  /* regular */
}

a:visited .highlight {
  /* inside a visited link */
}

Answer 3

将此添加到css：

 a:hover, a:hover > span{color: purple;}