Changer couleur class emboite jquery

Bonjour,

Je souhaiterais changer la couleur de ma classe css avec du jquery ou js

Quand il s'agit d'une simple classe pas de soucis, mais quand la classe est emboité ca ne marche pas :

Code:

---

1 2	$('.testcolor').css('background-color', 'red'); // ca marche $('.col.red').css('background-color', 'yellow'); // ca marche pas

---

Merci d'avance

Cdt

".col.red" signifie que ton element possede les 2 classes en meme temps (par exemple <element class="col red"></element>)

si tu veux selectionner un "enfant", il faut mettre un espace
".col .red"
par exemple

Code:

---

1 2 3

<element class="col"> <element class="red"></element> </element>

---

merci pour ta reponse:

en faite je voudrais modifier la classe la :

Code:

---

1 2 3

.col.red {   }

---

Code:

---

1 2 3 4 5 6 7

function colorone(){ colorplayerone = document.querySelector('#colorone').value; // je recupere la couleur de l'utilisateur   $('.testcolor').css('background-color', colorplayerone); // $('.col .red').css('background-color', colorplayerone); // et la je voudrais mettre background-color(couleurchois) dans .col .red   }

---

Merci d'avance


EDIT Il s'agit bien de <div class="col red"> et donc .col.red

montrez nous l'adresse de la page qui pose problème. ou alors mettez un exemple complet sur un site de dépôt de code comme cela par exemple :
https://codesandbox.io/s/vanilla