Wie können wir einen bestimmten Wert überschreiben und alle anderen Werte in beibehalten?box-shadow Liste wie folgt:

div{

    box-shadow: 0 0 0 5px #00ff00 ,  0 0 0 10px #ff0000 ,  0 0 0 15px #0000ff ; 

}

Angenommen, wir möchten nur den zweiten Wert überschreiben, ohne andere zu verlieren:

div.with-another-shadow{

    box-shadow:       ???         ,  0 0 0 5px #abcdef ,       ???           ;  

}

Scheint nur möglich zu sein, wenn wir den ersten und den dritten Wert ebenfalls kopieren. Es funktioniert nicht nicht mitauto und nicht mitinherit.

Ist es möglich, dies nur mit CSS zu erreichen, oder müssen wir jQuery oder JavaScript verwenden?getComputedStyle Methode oder so?

Hier ist der Spielplatz:http://jsfiddle.net/cherniv/uspTj/5/

P.S. Scheint, als wäre es für mehrere relevantbackground Bilderliste auch ..