I have a component with a related stylesheet. like the following picture.
In typescript class, I want to access any CSS rule and override it based on some conditions on the fly. like
if(something...) element('at.price-table .features h4').manipulate('padding',10px);
What is the best practice of accessing CSS rules in JS/ TS? I want to a dynamic way for accessing CSS rule and manipulating them because it is so dirty to copying rules and override them by