Инжекция CSS: что хуже, который может произойти?

var viewmodel = function(){
var self = this;
  this.gThirdCheckboxEnabled = ko.observable(false);
  this.change = function(){
    self.gThirdCheckboxEnabled(!self.gThirdCheckboxEnabled());
  };
};

ko.applyBindings(new viewmodel());

.chkBxEdit{
  background-color: blue;
}

.chkBx{
  background-color: red;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.2/knockout-min.js"></script>
<input data-bind="css: { 'chkBxEdit': gThirdCheckboxEnabled(), 'chkBx': !gThirdCheckboxEnabled() }" />



<button data-bind="click: change">Change</button>