Как сделать так чтобы header брал цвет от ближайшего компонента?

Question

[Никита]

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

Comments

[Макс]

Что значит от ближайшего компонента? Родителя\ребенка\соседа? Понятие "Ближайший" каждый понимает по своему

Answer 1

[Макс]

Если нужен цвет родителя, то
color: 'inherit'

использовать цвет ребенка не получится. Использовать цвет соседа после header не получится

Answer 2

[Alex]

Не совсем понятный вопрос. Но полагаю вам помогут https://developer.mozilla.org/ru/docs/Web/CSS/Usin...

Answer 3

[Roman Chuvilev]

document.querySelector("header").backgroundColor =
window.getComputedStyle(document.body.querySelector(".colorful-component")).backgroundColor;

Медленно, но универсально.