Como podemos substituir um valor específico e preservar todos os outros valores embox-shadow lista como esta:

div{

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

}

Digamos que queremos substituir apenas o segundo valor sem perder outros:

div.with-another-shadow{

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

}

Parece que é possível somente quando estamos copiando e colando o primeiro e o terceiro valores também. Não está funcionando não comauto e não cominherit.

É possível conseguir isso apenas com css ou precisamos usar jQuery ou JavaScript?getComputedStyle método ou algo assim?

Aqui é o playground:http://jsfiddle.net/cherniv/uspTj/5/

P.S. Parece que é relevante para múltiplosbackground lista de imagens também ..