


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!

CsSanimationsarenotinherenthardbutRequirePractICEANDUnDing-fordertofcsPropertiesandTimingfunktionen.1) StartwithsimpleanimationslikescalingabuttononoversKeyFrames.2) useaSingFunctionslikecubic-BezierForteffects, SuchasabouNects, SuchasabouNects,, zu

@KeyFramesispopulardUeToitSverSatility und PowerIncreatingsmoothcsSanimations.KectrickSinclude: 1) DefiningsmoothTransitionSbetTates, 2) AnimatingMultipleProperTiesimultan, 3) mit VendorprefixesforBrowserCompatible, 4) Kombinieren, 4) Kombinieren, 4) Kombinieren, 4) Kombinieren, 4) Kombinieren

CSSCOUSTERSSARUSTOMANAGEAUTOMATICNUMBERINGINWEBDEsigns.1) Sie konzipieren SieForsofcontents, ListItems und CustomNumbering.2) AdvanceduSesincnednumberingSystem.3) CHEFORDIGESINCLUDSERCOMPATIBILIBLEISE.4) CreativeuSinvolvecustInance

Die Verwendung von Scroll -Schatten, insbesondere für mobile Geräte, ist ein subtiles Stück UX, das Chris zuvor abgedeckt hat. Geoff deckte einen neueren Ansatz ab, der die Immobilie der Animationszeit verwendet. Hier ist ein anderer Weg.

Lassen Sie uns eine kurze Auffrischung durchlaufen. Bildkarten datieren bis zu HTML 3.2, wobei zuerst die serverseitigen Karten und dann die clientseitigen Karten klickbare Regionen über ein Bild mit Karten- und Bereichselementen definiert sind.

Die Umfrage von State of Devs ist nun offen für die Teilnahme und deckt im Gegensatz zu früheren Umfragen alles außer Code ab: Karriere, Arbeitsplatz, aber auch Gesundheit, Hobbys und mehr.

CSS Grid ist ein leistungsstarkes Tool zum Erstellen komplexer, reaktionsschneller Weblayouts. Es vereinfacht das Design, verbessert die Zugänglichkeit und bietet mehr Kontrolle als ältere Methoden.

In Artikel wird CSS Flexbox erörtert, eine Layoutmethode zur effizienten Ausrichtung und Verteilung des Raums in reaktionsschnellen Designs. Es erklärt die Verwendung von Flexbox, vergleicht es mit CSS -Gitter und Details Browser -Unterstützung.


Heiße KI -Werkzeuge

Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool
Ausziehbilder kostenlos

Clothoff.io
KI-Kleiderentferner

Video Face Swap
Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Heißer Artikel

Heiße Werkzeuge

SublimeText3 Linux neue Version
SublimeText3 Linux neueste Version

WebStorm-Mac-Version
Nützliche JavaScript-Entwicklungstools

ZendStudio 13.5.1 Mac
Leistungsstarke integrierte PHP-Entwicklungsumgebung

MantisBT
Mantis ist ein einfach zu implementierendes webbasiertes Tool zur Fehlerverfolgung, das die Fehlerverfolgung von Produkten unterstützen soll. Es erfordert PHP, MySQL und einen Webserver. Schauen Sie sich unsere Demo- und Hosting-Services an.

SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen
