Pourquoi mes styles CSS :visited ne fonctionnent-ils pas sur le poids de la police et d'autres propriétés ?

Pourquoi ce style CSS a:visited ne fonctionne-t-il pas ?

Lors de l'application de la pseudoclasse :visited aux éléments de style auxquels les utilisateurs ont déjà accédé , les développeurs peuvent rencontrer des problèmes où certaines propriétés, telles que font-weight, ne fonctionnent pas comme prévu dans les navigateurs comme Internet Explorer ou Chrome.

Explication du problème

Ce comportement n'est pas dû au respect de la casse, mais plutôt à un problème de sécurité. Les navigateurs modernes (Firefox 4, Internet Explorer 9, Chrome) ont restreint les fonctionnalités de la pseudoclasse :visited pour empêcher les exploits CSS. Essentiellement, ces navigateurs renverront les valeurs CSS pour les liens visités comme s'ils n'avaient jamais été visités.

Plus précisément, les navigateurs mettent en œuvre certaines mesures de protection pour atténuer les vulnérabilités de sécurité potentielles :

• La fenêtre. La méthode getComputedStyle et les fonctions similaires signalent les liens visités comme non visités.
• Si un sélecteur frère est utilisé (par exemple, :visited span), l'élément adjacent sera stylé comme si le lien n'était pas visité.
• Dans les scénarios de liens imbriqués, si l'élément en cours de style est différent du lien avec le statut visité, il sera également rendu comme non visité.

Solution de contournement

Malheureusement, il n'existe aucune solution de contournement fiable pour ce problème. Changer l’accessibilité ou modifier les paramètres d’accessibilité peut ne pas fournir une solution permanente. Par conséquent, il est recommandé d'éviter d'utiliser la pseudoclasse :visited pour styliser des éléments sensibles tels que le poids de la police dans les applications Web.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!