Jak możemy zastąpić jedną określoną wartość i zachować wszystkie inne wartości wbox-shadow lista w ten sposób:

div{

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

}

Powiedzmy, że chcemy zastąpić tylko drugą wartość bez utraty innych:

div.with-another-shadow{

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

}

Wydaje się, że jest to możliwe tylko wtedy, gdy kopiujemy i wklejamy pierwszą i trzecią wartość. To nie działa zauto a nie zinherit.

Czy można to osiągnąć tylko za pomocą css lub musimy użyć jQuery lub JavaScript 'getComputedStyle metoda czy coś?

Oto plac zabaw:http://jsfiddle.net/cherniv/uspTj/5/

P.S. Wygląda na to, że ma znaczenie dla wielubackground lista zdjęć też ..