Как использовать принятые таблицы стилей для добавления нескольких таблиц стилей ⇐ Html

[Anonymous]

У меня есть несколько блоков стилей. Как использовать принятые таблицы стилей для добавления нескольких таблиц стилей? Например, у меня
.test {
background-color: #fff;
}
.wow {
border: 2px solid red;
}

а затем еще один, сохраненный в другой переменной
.test2 {
background-color: #fff;
}
.wow2 {
border: 2px solid red;
}

Должен ли я вызывать replaceSync дважды?
Вот что я пробовал
const sheet = new CSSStyleSheet();
sheet.replaceSync(styles1);

sheet.insertRule(styles2);

document.adoptedStyleSheets = [...document.adoptedStyleSheets, sheet];


Подробнее здесь: https://stackoverflow.com/questions/768 ... tylesheets