CSS how to change color of a specific primary-panel in a if-block

Tags: css

Problem :

I have many panels and want to change the color of a primary-panel after the counter is 10;

this.dateUpdate = function (element) {
      if (hasfocus == element) {
         dateCounter += 1;
          if (dateCounter == 10) {
              element.addClass('changecolor');
              dateCounter = 0;
           }
      } 
  };

This is not working:

.changecolor > .panel-primary {
   background-color: #e1e1e1 !important;
}

to remember, I just want to change the specific one, and not all.

Thx in advance.

---

Solution :

If the panel-primary div is inside changecolor div

.changecolor .panel-primary {
   background-color: #e1e1e1 !important;
}

If the panel-primary div is the same div in which changecolor class is getting applied

.changecolor.panel-primary {
   background-color: #e1e1e1 !important;
}