我可以得到孩子的CSS财产并将其用于父母吗？

Question

<div class="parent">
    <div class="child"></div>
</div>

.child {
    background: red;
}

我有5个父母，他们的孩子在里面，每个孩子都有不同的背景颜色。

我如何获得儿童背景颜色并将其重复使用为父界的颜色？

注：不幸的是，孩子的背景颜色已设置为，我无法更改它，因此我需要某种方法来获取它并将其重复使用。 注：

我知道只有CSS，这是不可能的。因此，如果有人可以帮助我使用JS或JQuery，那将是很棒的。

这里是一个一般函数，它将从一个元素中获取样式并将其应用于另一个元素：

function applyStyle(source, destination, styleName) {
  const styleValue = getComputedStyle(source)[styleName];
  destination.style[styleName] = styleValue;
}

Answer 1

div