:visited ne permet pas de changer l'opacité

[Lamecarlate]

Pour des raisons de sécurité, il y a peu de propriétés (et de valeurs) qu'on peut assigner aux liens avec :visited (et leurs descendants).

Le style dans le web component

a:visited span:not([aria-hidden="true"]) {
    opacity: 0.5;
}

n'est jamais appliqué, parce que opacity ne fait pas partie de la liste autorisée. Voir Privacy and the :visited selector.

Je ne sais pas par quoi on pourrait le remplacer, ce style, par contre… L'opacité, c'est un bon plan quand on ne connaît pas les couleurs que le lien va avoir. Je galère un peu à comprendre comment on style correctement les web components, part m'apparaît tellement limité parce que je ne le connais pas assez. Pourrait-on faire part(a:visited) ou part(a):visited ? Je n'en ai pas l'impression.

[joachimesque]

Ah merci !
Peut-être que je pourrais utiliser color: (in srgb, currentColor 50%, transparent);, ça devrait fonctionner

[Lamecarlate]

J'ai regardé rapidement sur ta page En ce moment avec l'inspecteur de code de Firefox, en utilisant color: color-mix(in srgb, currentColor 50%, transparent), et non, ça ne marche pas. Le mot-clé transparent est probablement la cause. Tout ce qui diminue la lisibilité ou pourrait cacher les liens visités semble être ignoré.

filter également, quelle que soit la valeur.

[joachimesque]

Ah dommage ! Je sais pas si je garderai le code de :visited alors, si ça marche pas et que c’est pas vraiment utile 🤷