Css 设置属于类的链接的样式

我找不到一种方式来设置

a：只访问了那些属于
.extern
的人

a:visted.extern
不起作用，也不起作用。
a.extern:visted
（我正在使用适用于Linux x86的Mozilla Firefox 43.0.1）

原因是我想在
.extern
链接中添加一个小图标，我想在访问链接时更改它的
url（）

<style>
    a.extern {
        padding-right:1.3em;
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: right center;
        background-clip: border-box;
        background-origin: padding-box;
        background-size: 0.7em 0.7em;
        background-image: url("img/link.png");
    }

    a:visited:extern {
        background-image:url("img/link-visited.png");
    }

    a.extern:visited {
        background-image:url("img/link-visited.png");
    }
</style>


a、 外行{
右侧填充：1.3em；
背景重复：无重复；
背景附件：滚动条；
背景位置：右中；
背景剪辑：边框框；
背景来源：填充框；
背景尺寸：0.7em 0.7em；
背景图片：url（“img/link.png”）；
}
a:外行{
背景图片：url（“img/link visted.png”）；
}
a、 外部人员：访问{
背景图片：url（“img/link visted.png”）；
}

最后，所有已访问的此类链接都应受到影响

<a class="extern" href="http://etc.etc.etc">link</a>

首先，我假设您的类的名称是
extern
，而不是
.extern
，因此您的
a
标记看起来像这样

<a class="extern" href="http://etc.etc.etc">link</a>

请注意，
：visted
选择器是如何添加到末尾的：
a.extern:visted
首先，我假设您的类的名称是
extern
，而不是
.extern
，因此您的
a
标记看起来像这样

<a class="extern" href="http://etc.etc.etc">link</a>

注意，
：visted
选择器是如何添加到末尾的：
a.extern:visted
更改

<a class=".extern" href="http://etc.etc.etc">link</a>

改变

<a class=".extern" href="http://etc.etc.etc">link</a>

基本上，你想做的事情受到浏览器的限制，尤其是Firefox


您仍然可以直观地为访问的链接设置样式，但现在您可以使用的样式有限制。只能将以下属性应用于已访问的链接：


颜色
背景色
边框颜色（及其子属性）
轮廓颜色
填充和笔划属性的颜色部分

基本上，你想做的事情受到浏览器的限制，尤其是Firefox


您仍然可以直观地为访问的链接设置样式，但现在您可以使用的样式有限制。只能将以下属性应用于已访问的链接：


颜色
背景色
边框颜色（及其子属性）
轮廓颜色
填充和笔划属性的颜色部分

使用
a.extern:visited{
使用
删除
在anchror Tag的课堂上你是对的，…将代码复制到这篇文章是我的错误。在实际代码中前面没有
，仍然不起作用使用
a.extern:visited{
使用
删除
在课堂上的Anchor Tag你是对的，…这是我把代码复制到这篇文章上的错误。在实际代码中，前面没有
，仍然不起作用。你对类名的看法是对的：我写这个问题是错的。然而
外部：访问了
在Mozilla Firefox 43.0.1 for Linux x86@上运行时，请尝试在Firefox中使用inspect元素功能，并查看CSS规则是否应用于您访问的链接。在这种情况下，请确保您的CSS文件包含正确。查看此代码笔：单击链接，然后返回。您将看到颜色为红色。关于类名：wa，您是对的It’写这个问题是我的错误。但是，
a.extern:visited
在Mozilla Firefox 43.0.1 for Linux x86上似乎不起作用。请尝试在Firefox中使用inspect元素功能，看看CSS规则是否适用于您访问的链接。在这种情况下，请确保正确包含CSS文件。查看此代码笔：单击link，然后返回。您将看到颜色为红色。很抱歉，在提出问题时，这是一个输入错误：实际的代码在类名前面没有
，CSS选择器：visited，：hover等总是必须在末尾（就在{之前）很抱歉，这是一个输入错误：实际的代码在类名前面没有
，CSS选择器：visited，：hover等总是必须在末尾（就在{更重要的是，它与添加类选择器无关。更重要的是，它与添加类选择器无关。
<style>
    a.extern {
        padding-right:1.3em;
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: right center;
        background-clip: border-box;
        background-origin: padding-box;
        background-size: 0.7em 0.7em;
        background-image: url("img/link.png");
    }

    a:visited:extern {
        background-image:url("img/link-visited.png");
    }

    a.extern:visited {
        background-image:url("img/link-visited.png");
    }
</style>

a:visited:extern {
    background-image:url("img/link-visited.png");
}