将CSS属性继承/扩展到另一个元素

Gar*_*een 7 html javascript css jquery

在jQuery中将CSS属性从一个元素扩展/继承到另一个元素的最有效方法是什么?

期望的效果

$('#blah').extendCSSTo('#me') // Is there a plugin or a good way to do this?
$('#me').css({ background: 'blue' });
Run Code Online (Sandbox Code Playgroud)

#me现在将拥有所有的CSS #blahbackground

CSS:

#blah {
    padding: 5px;
    width: 200px;
    height: 20px;
    border: 1px solid #333;
    font-family: "Verdana";
}

#me {
    position: absolute;
    left: 5px;
    top: 5px;
}

<div id="blah"></div>
<div id="me">test</div>
Run Code Online (Sandbox Code Playgroud)

编辑:这将在插件中使用,所以使用类,只是做.addClass不是一个选项

我正在寻找与设置插件选项的默认值相同的效果,而是寻找CSS:

$.extend([css object], [#blah css object], [#me css object])
Run Code Online (Sandbox Code Playgroud)

小智 2

$('#me').addClass('class');
Run Code Online (Sandbox Code Playgroud)

这是可行的,但不确定是否可以使用相对于 ID 的 css。