Связь между Javascript и SASS

Question

Я работаю над концепцией связи между SASS и Javascript.Особенность в том, что мои переменные SASS меняют целые макеты.Конечно, Javascript должен это заметить.

Javascript до сих пор не может читать переменные SASS.

Однако я могу генерировать CSS-переменные, включая и выключая переменные SASS.

Переменные CSS теперь можно читать с помощью Javascript.И наоборот, я знаю, включена ли переменная SASS.

IE11 не может разумно читать переменные CSS, насколько это понятно.Pollyfill, например IE11 - существует ли polyfill / script для переменных CSS? решить эту проблему.Если бы не было больших накладных расходов.Я вообще не хочу их использовать.

Моя идея - добавить несуществующие свойства CSS в тег HTML.Как html { stackoverflow: true }.Теперь я могу читать это с помощью Javascript.

Конечно, у меня есть распознавание в браузере, поэтому я могу установить инструкции CSS только для IE.EG html.browser-msie { stackoverflow: true }.Так что мой CSS не является мусором для других браузеров.

Что вы говорите?Какие неожиданные последствия я получу, если напишу несуществующие команды CSS?

Answer 1

Если вы (по какой-то причине, которую я здесь не вижу ясно) напишите несуществующее правило CSS, оно будет недействительным и будет игнорироваться браузером, как сказал jpenna.

.mySelector {
    flavour: coffee; // Ignored by the browser
    color: black; // Parsed normally
}

Цитирование ссылка CSS в MDN:

(...) Помните, что любая синтаксическая ошибка CSS в определении правила делает недействительным все правило.Неверные правила игнорируются браузером.(...)

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