Heim >Web-Frontend >CSS-Tutorial >Warum funktionieren meine :visited CSS-Stile bei der Schriftstärke und anderen Eigenschaften nicht?

Warum funktionieren meine :visited CSS-Stile bei der Schriftstärke und anderen Eigenschaften nicht?

Barbara Streisand
Barbara StreisandOriginal
2024-12-10 06:15:09834Durchsuche

Why Are My :visited CSS Styles Not Working on Font-Weight and Other Properties?

Warum funktioniert dieser a:visited-CSS-Stil nicht?

Beim Anwenden der :visited-Pseudoklasse auf Stilelemente, auf die Benutzer zuvor zugegriffen haben können Entwickler auf Probleme stoßen, bei denen bestimmte Eigenschaften, wie z. B. die Schriftstärke, in Browsern wie Internet Explorer oder nicht wie erwartet funktionieren Chrome.

Problemerklärung

Dieses Verhalten ist nicht auf die Groß-/Kleinschreibung zurückzuführen, sondern ein Sicherheitsrisiko. Moderne Browser (Firefox 4, Internet Explorer 9, Chrome) haben die Funktionalität der Pseudoklasse :visited eingeschränkt, um CSS-Exploits zu verhindern. Im Wesentlichen geben diese Browser CSS-Werte für besuchte Links zurück, als ob sie nie besucht worden wären.

Konkret implementieren Browser bestimmte Schutzmaßnahmen, um potenzielle Sicherheitslücken zu verringern:

  • Das Fenster. Die getComputedStyle-Methode und ähnliche Funktionen melden besuchte Links als nicht besuchte.
  • Wenn ein Geschwisterselektor verwendet wird (z. B. :visited span), wird das angrenzende Element so gestaltet, als ob der Link nicht besucht wäre.
  • Wenn sich in Szenarios mit verschachtelten Links das gestaltete Element vom Link mit dem Status „Besucht“ unterscheidet, wird es ebenfalls als nicht besucht dargestellt .

Workaround

Leider gibt es keine zuverlässigen Problemumgehungen für dieses Problem. Das Ändern der Barrierefreiheit oder das Ändern der Barrierefreiheitseinstellungen stellen möglicherweise keine dauerhafte Lösung dar. Daher wird empfohlen, die Verwendung der Pseudoklasse :visited zum Formatieren sensibler Elemente wie der Schriftstärke in Webanwendungen zu vermeiden.

Das obige ist der detaillierte Inhalt vonWarum funktionieren meine :visited CSS-Stile bei der Schriftstärke und anderen Eigenschaften nicht?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn