CSS sur tag avec accent ou caractères spéciaux

Je partage ici mes recherches pour appliquer un style CSS sur un tiddler taggué avec un mot accentué, par exemple Tâche ou Terminée (oui ça ressemble à de la personnalisation de ToDo liste :smile:).

J’ai d’abord cherché sur la liste anglophone et trouvé ce post de Danielo avec la réponse de Jeremy : [TW5] class tagged and special characters

Direction ensuite la documentation de TW.com avec cette ressource : How to apply custom styles by tag

J’ai retenu le terme URI encoding, et trouvé cette page web pour encoder : http://meyerweb.com/eric/tools/dencoder/

Ainsi, Terminée devient Termin%C3%A9e et comme l’indique la documentation TiddlyWiki, nous devons ajouter le caractère / devant le(s) caratère(s) pourcentage(s), soit Termin\%C3\%A9e

Ainsi ma règle CSS sera écrite :

.tc-tagged-Termin\%C3\%A9e .tc-titlebar button { opacity: 0; }

Ou sinon ne pas choisir de tag avec accent :sweat_smile:

1 « J'aime »