JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
Container       
</div>

<button id="change1">Change to red</button>
<button id="change2">Change to blue</button>

CSS

.container:after{
    border:1px solid #FF0; 
    content:"some content"; 
}

JavaScript

var redAfter = jQuery('<style>.container:after{border:1px solid #F00; }</style>');
var blueAfter = jQuery('<style>.container:after{border:1px solid #00f; }</style>');

jQuery("#change1").click(function(){
   blueAfter.remove();
    jQuery("head").append(redAfter);
});

jQuery("#change2").click(function(){
   redAfter.remove();
   jQuery("head").append(blueAfter);
});