Warum funktionieren meine gestalteten besuchten Links in einigen Browsern nicht?-CSS-Tutorial-php.cn

Warum funktionieren meine gestalteten besuchten Links in einigen Browsern nicht?

Linda Hamilton

Freigeben： 2024-12-02 05:34:09

Original

608 Leute haben es durchsucht

Why Are My Styled Visited Links Not Working in Some Browsers?

Warum funktioniert dieser CSS-Stil für :besuchte Links nicht in bestimmten Browsern?

Der folgende HTML- und CSS-Code scheint ein Problem aufzuweisen Problem mit der Gestaltung besuchter Links in Internet Explorer und Chrome:

<html>
    <head>
        <style>
            A {font-weight: bold; color:black;}
            A:visited {font-weight: normal; color: black; }
            .Empty {font-weight: bold; color: black; }
        </style>
    </head>

    <body>
        <a href="http://mysite">click me</a>
    </body>
</html>

Nach dem Login kopieren

Trotz Anwendung der Pseudoklasse :visited wurde geklickt Der Link bleibt fett, anstatt zur Normalschrift zurückzukehren. Dieses Verhalten tritt auch bei Firefox 4, IE9 und Chrome auf.

Sicherheitsüberlegungen und Problemumgehungen

Die Funktionalität der :visited-Pseudoklasse wurde in modernen Browsern eingeschränkt, um dies zu verhindern mögliche CSS-Exploits. Diese Browser implementieren spezifische Maßnahmen zum Schutz vor solchen Schwachstellen:

getComputedStyle() gibt Werte für besuchte Links zurück, als wären sie nicht besucht.
Geschwisterselektoren (z. B. :visited span) verursachen Benachbarte Elemente werden als nicht besucht angezeigt.
Verschachtelte Linkelemente können in bestimmten Fällen als nicht besucht angezeigt werden Szenarien.

Leider gibt es in Browsern, die diese Einschränkungen implementiert haben, keine Problemumgehung für diese Sicherheitsmaßnahme. Das Ändern der Barrierefreiheitseinstellungen zum Ignorieren von Webfarben, wie in der ursprünglichen Frage erwähnt, würde das Problem nicht lösen.

Das obige ist der detaillierte Inhalt vonWarum funktionieren meine gestalteten besuchten Links in einigen Browsern nicht?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!