Question

I have two CSS pages,

I want to link the HTML page to one of them depending on certain conditions.

How to do it?

Answer 1

You can dynamically create the <link> element with JavaScript:

var link = document.createElement('link');

link.rel = 'stylesheet';
link.type = 'text/css';
link.href = 'css1.css';

document.head.appendChild(link);

Or just edit the href attribute of an existing one:

document.getElementById('your_stylesheet').href = 'css1.css';

And give your <link> element an id:

<link href="default.css" rel="stylesheet" type="text/css" id="your_stylesheet" />