How will I make the text change color when touched?

Question

https://code.sololearn.com/Who0Y5w3wLiS/?ref=app
Les jours de la semaine

Answer 1

h1:hover {
color: #00FF00;
}

// If this was required...

Answer 2

Pour changer de style interactivement, le texte cible doit être dans un container: @Dev a répondu en donnant l'exemple pour l'élément titre, pour les jours de la semaine, met-les dans des <span>s avec un nom de classe commun à tous les éléments devant se comporter de la même manière (ou dans ton cas particulier, dans des <div>s qui éviteraient la nécessité d'ajouter des <br>s ;)):

<span class="touchfx">lundi. Monday.</span><br><span class="touchfx">mardi. Tuesday.</span><br><span class="touchfx">mercredi. Wednesday.</span><br><span class="touchfx">jeudi. Thursday.</span><br><span class="touchfx">vendredi. Friday.</span><br><span class="touchfx">samedi. Saturday.</span><br><span class="touchfx">dimanche. Sunday.</span><br>

... et ajoute ce genre de règle css (pour la solution css):

.touchfx:hover {
color:red;
}

':hover' correspond à l'évènement 'mouseover' et est donc utilisé quand la souris passe au dessus de l'élément et lorsque l'élément recoit le focus (est touché) pour les périphériques tactiles... dans ce dernier cas, en revanche, la couleur initiale ne revient que lorsque l'élément perd le focus (lorsque l'utilisateur touche un autre élément), et non pas dès que l'élément n'est plus touché ^^ Pour obtenir un tel effet, javascript et les évènements liés aux périphériques tactiles est nécessaire: 'touchstart' et 'touchend' au moins (mais ces évènements sont un peu moins évident à gérer que les évènements classiques de la souris, puisque peuvent contenir les informations de plusieurs doigts en même temps, contrairement à la souris qui n'a qu'un unique curseur à gérer ;P)

Answer 3

Merci or Thank You