.foo
スタイルシートに適用された box-shadow プロパティがあります。
.foo {
box-shadow: 0 0 10px 0 #000000 inset, 0 0 2px 0 #3C3C3C inset;
}
box-shadow
ここで、既存のプロパティをオーバーライドせずに、動的に生成されたさまざまな値を持つインラインの複数の div に別のオプションを追加したいと考えています。
<div class="foo" style="box-shadow: 0 -5px 0 0 red inset">
</div>
<div class="foo" style="box-shadow: 0 -5px 0 0 blue inset">
</div>
<div class="foo" style="box-shadow: 0 -5px 0 0 green inset">
</div>
最初の div の結果は次のようになります。
box-shadow: 0 -5px 0 0 red inset,
0 0 10px 0 #000000 inset,
0 0 2px 0 #3C3C3C inset
どうすればこれを行うことができますか? どうもありがとう。