Исключить `<video>` из правила?
Я использую Стильный, чтобы перезаписать фоны сайтов темным. Таблица стилей, среди прочих правил, содержит следующее:
* {
color: var(--color-3) !important; text-shadow: none !important;
background-color: var(--color-1) !important; box-shadow: none !important;
border-color: var(--color-2) !important;
border-top-color: var(--color-2) !important; border-bottom-color: var(--color-2) !important;
border-left-color: var(--color-2) !important; border-right-color: var(--color-2) !important;
}
Это оказывает желаемый эффект на все веб-сайты, за исключением визуализации видео, в этом случае видео кажется скрытым по цвету фона. Примеры: встроенное видео, не встроенное.
Как я могу исключить <video> из этого правила или сделать так, чтобы видео не было скрыто? В частности, проблемное правило выглядит так: background-color: var(--color-1) !important;, Я пытался с помощью not селектор, как *:not(video) и другие комбинации, но это, кажется, полностью отключает правило, не только для видео (фоны веб-сайтов больше не были темными).