[Dilettante_Pro]

<style>
.buttonRED {
background-color: #B61E29;
border: 1px solid #000;
width:100px;
}
.buttonRED:hover {
  background-color: #ee5f5b;
}
 
.buttonRED:active {
  background: #ff6;
}
</style>
<div class='buttonRED'>Красная кнопка</div>
<button id = 'clear'>Удалить стили</button>
<script>
clear.onclick = function () {
   var style = document.querySelector('style');
         styleArr = style.textContent.split('}');
   for(var i = 0; i<styleArr.length;i++) {
       if(styleArr[i].indexOf('buttonRED:hover') > 0 || styleArr[i].indexOf('buttonRED:active') > 0) { 
           styleArr.splice(i,1);
           i--;
      }
   }
   style.textContent = styleArr.join('}');
}
</script>