Из-за ограничения/ошибки в функциональности userChrome.css Firefox невозможно настроить таргетинг на отдельные теневые DOM. При стилизации теневого элемента DOM элемент будет стилизован во ВСЕХ теневых DOM, содержащих этот элемент. Обходной путь — объявить пользовательские свойства для конкретного элемента теневого узла, который будет унаследован для использования в теневом DOM узла.
#some-shadowhost {
--host-value: value;
}
Однако это не идеальный обходной путь, поскольку при сбое оператора var() в нецелевых теневых DOM из-за того, что пользовательское свойство не определено, стилизованное свойство считается неустановленным. Это означает, что любой существующий стиль будет удален.
Мой вопрос: можно ли установить резервное значение, которое ничего не делает. Я надеялся, что следующая запись с запятой поможет добиться этого, но, к сожалению, нет (свойство по-прежнему считается неустановленным, когда пользовательское свойство не определено):
var(--host-value,);
Подробнее здесь: https://stackoverflow.com/questions/793 ... do-nothing
