28111 sujets

CSS et mise en forme, CSS3

Bonjour,

Comment puis je faire pour pour que, quand je clique sur une div avec :active, ça change la couleur de fond, la taille... d'une autre div?

Par exemple: jai fait un bouton et quand je clique dessus, du texte devient d'une autre couleur ?

Cordialement
Modérateur
Salut,

Si ton bouton est un frere du texte et placé avant alors tu peux éventuellement le faire en CSS :
<button class="button">change color</button>
<div class="text">coucou</div>

.text {
  color: blue;
}
.button:active + .text {
  color: red;
}

https://jsfiddle.net/undless/c7f9hywe/

si tu utilise :active il faudra rester appuyer pour voir la couleur. Tu peux utiliser focus si tu veux que ca persiste un peu plus (jusqu’à ce que tu clique ailleurs quoi). Si tu veux que la couleur reste ou si tu ne respecte pas les 2 conditions en gras, il faut utiliser du Js.

Bonne aprem