继承并为多值CSS属性添加值？

Question

众所周知，一些CSS属性可以同时拥有多个值。一个很好的例子是CSS3＆＃39; box-shadow。

但是，有时可能需要将类或ID添加到这些值。例如，如果我有一个具有插入box-shadow值的元素，我可能希望在带有.active类的框中添加外部光晕。不幸的是，这会覆盖之前的值。

是否可以继承一个值并同时添加它？以下是我希望可以实现的非工作示例。注意最终结果如何不发光。

＆＃13;

＆＃13;

div {
  background-color: #09F;
  border-radius: 10px;
  box-shadow: 3px 3px 10px #FFF inset, -3px -3px 10px #00F inset;
  height: 100px;
  width: 100px;
}

div.active {
  box-shadow: inherit, 0 0 10px #FF0;
}

＆＃13;

<div class="active"></div>

＆＃13;

＆＃13;

＆＃13;