Question

Is it possible to use addRule or insertRule to also pass id selectors ?
ie :

document.styleSheets[1].addRule('div #3', 'font: 14px verdana');

which would create a rule for div ?

Or is there any kind of known work around ?

Answer 1

Your code doesn’t work because the selector is invalid. The ID selector #3 is invalid because ID selectors cannot begin with a digit.

To fix this, use an ID which can be selected with a valid selector, for example #three:

document.styleSheets[1].addRule('div #three', 'font: 14px verdana');