0

a:visitedに属するものだけをスタイリングする方法を見つけることができません.extern。

a:visited.extern動作せず、どちらも動作しませんa.extern:visited(私は Linux x86_64 用に 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 class="extern" href="http://etc.etc.etc">link</a>
4

3 に答える 3

1

まず、あなたのクラスの名前はexternではなく.externであると仮定すると、aタグは次のようになります。

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

extern クラスを持つ訪問済みリンクのみをスタイルするには、次を使用する必要があります。

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

:visitedセレクターが最後にどのように追加されているかに注意してください: a.extern:visited.

于 2016-01-16T14:07:02.600 に答える
0

変化する

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

に

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

と

<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");
}
于 2016-01-16T14:08:20.147 に答える