JavaScript ile yeni CSS kuralları belirleme, stylesheet/stil sayfası kullanımının sorunlu olduğu noktalarda kullanmak için en geçerli çözümlerden biridir.

Betik:

var style = document.styleSheets[0].cssRules || document.styleSheets[0].rules;
  for (var i = 0; i < style.length; i++) {
    if (style[i].selectorText == '.yeniSinif') {
      style[i].style['font-size'] = '24px';
    }
  }

CSS:

.yeniSinif {color: blue;}

HTML:

<p class="yeniSinif">IFL8</p>