How can I make the header take the color from the nearest component?

Question

css

I 'm developing an application, I ran into such a problem that the header always has a certain color.
Tell me how to make the header take the color from the nearest element?

Answer 1

https://getbootstrap.com/docs/4.3/getting-started/...

Answer 2

If you want the color of the parent, then you can't use the color of the child. Can't use neighbor color after header
color: 'inherit'

Answer 3

Not a very clear question. But I guess https://developer.mozilla.org/ru/docs/Web/CSS/Usin...

Answer 4

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