阅读边框颜色值形式parent's background-color，透明parent's backgr

Reading border color value form parent's background-color, and transparent parent's background-color

本文关键字：parent background-color 透明 backgr 边框 颜色值      更新时间：2023-09-26

我有一个div，如何从父元素的背景颜色中获取它的边框颜色，并透明父元素的背景颜色。

e.x。代码是这样的:

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

    <style>
    .parent {
    background-color: #333;
    }
    .child {
    border-color: #fff;
    }
</style>

现在，我想让子边框的颜色变成#333(父边框的颜色)，并且父边框的背景色(#333)变成透明。

我想基于父子关系而不是div的名称来做

用父元素的background-color改变子元素的border-color

var child = $('.child');
child.css({
  'border-color': child.parent().css('background-color')
});

将父元素的background-color改为transparent

child.parent().css('background-color', 'transparent');

您是否需要对多个元素执行此操作?

相关文章：