Reakce na odpověď

Alebo možno ešte lepšie bude ak by som mal

index.html

<!DOCTYPE html>
<html>
    <head>
        ...
        <link rel="stylesheet" href="style.css">
        ...
        <script src="archon.js">
    </head>
    <body>
        ...
    </body>
</html>

archon.js

if (podmienka)
    "okrem style.css načítaj aj style2.css"
else
    "je načítaný iba style.css"

s tým že by sa style2.css načítaval tak, že definície vo vnútri by prepísali tie pôvodné načítané z style.css jakoby:

v style.css bolo napríklad že text1 má byť červenou farbou text2 má byť modrou farbou
a v prípade splnenej podmienky by text1 bol červenou ale text2 by už bol zelenou, lebo v style2.css by bolo definované že má byť zelenou, aj keď v style1 je pre ten samý text definovaná modrá.

Snaď chápete... ale s tým že vlastne keď podmienka prestane platiť tak prestane byť style2.css aktívny (zase bude text2 modrou)... teda style1 by bol aktívny neustále a style2 by bol aktívny len v prípade že podmienka je splnená.

nechcem meniť "div" ale skôr CSS, resp. hodnoty pre daný property...

ma napadlo že by som to zapísal takto:

...
if (podmienka)
    loadcss('style.css') && loadcss('alternative-style.css');

javascript - načítanie externého CSS za podmienky