28112 sujets

CSS et mise en forme, CSS3

Salut,

Sous Firefox, j'ai installé cette extension : https://addons.mozilla.org/en-US/firefox/addon/styl-us/ Stylus qui remplace Stylish.

Je cherche à colorer les liens visited pour les démarquer des liens non visités.
J'ai pour cela créé un style, que j’applique aux urls commençant par : https://www.youtube.com

Mon code, si simple :
a:link {
    color: blue !important;
}
a:visited {
    color: purple !important;
}


Ça marche pour les liens dans la barre de gauche, mais pas pour les vidéos d’une chaîne par exemple.

Merci de votre aide.
@niuxe : ça ne répond pas à ma question, mais si tu me proposes cette solution, je veux bien que tu me dises comment l’utiliser dans ce cas précis. Merci
J’ai fini par trouver (enfin, les styles ne s’appliquaient pas à la volée) :
a:link {
    color: blue !important;
}
a:visited {
    color: red !important;
}

a:visited #video-title {
color:red !important;
}

a:visited span#title {
color:red !important;
}

a#video-title:visited {
color:red !important;
}

a#title:visited {
color:red !important;
}
Meilleure solution
Modérateur
myself a écrit :
@niuxe : ça ne répond pas à ma question, mais si tu me proposes cette solution, je veux bien que tu me dises comment l’utiliser dans ce cas précis. Merci


Tu fais ton petit script JS et tu dynamises ta/tes pages comme tu veux. De plus, les importants dans ton script JS seront plus efficaces (tu t'attaques à la balise en elle même).

Par contre, c'est surement moins performant pour le coup. Je pense que Stylus doit rajouter une css dans le dom. Alors que Grease/Tamper monkey, c'est du JS.
Modifié par niuxe (29 Sep 2018 - 02:11)