Отключенный атрибут HTML-ссылки (таблицы стилей)

Я использую JavaScript для включения/отключения таблиц стилей, используя следующее:

document.styleSheets[0].disabled = true|false;

Этот JS работает нормально, однако я бы хотел, чтобы таблица стилей должна быть отключена по умолчанию. Хотя я мог бы использовать приведенный выше JS, чтобы немедленно отключить таблицу стилей при загрузке страницы, это, очевидно, не сработает для пользователей, у которых отключен JavaScript.

Я пытался сделать это:

<link rel="stylesheet" href="style.css" disabled />

. ] Хотя это отключает таблица стилей, JavaScript (или, по крайней мере, метод, который я использую) не может включить его снова. Я также пробовал все эти варианты атрибута «отключено»: disabled="disabled", disabled="true"и disabled=true, но они создают ту же проблему - я не могу снова включить их с помощью JavaScript.

Короче говоря, мне нужен способ включить/отключить внешнюю таблицу стилей с помощью JavaScript, но отключить эту таблицу стилей по умолчанию, но не полагаться на JavaScript.

Будем признательны за любую помощь. Спасибо.

Н.Б. Этого эффекта можно добиться, используя две таблицы стилей, причем вторая перезаписывает первую, поэтому нет необходимости в атрибуте «отключено». Однако, очевидно, предпочтительнее использовать только одну таблицу стилей, если это возможно, отсюда и мой вопрос выше.