Ho provato a separare le classi in questo modo
codice:
.webkit {
                background-image: -webkit-linear-gradient(top right, #FFFFFF 0%, #AACFEF 100%);
            }
            .moz {
                                background-image: -moz-linear-gradient(top right, #FFFFFF 0%, #AACFEF 100%);
                            }
attacco le classi ad esempio a un titolo h1

<h1 class="webkit moz" onclick="a()">TITOLO</h1>

Questa è la funzione a()

codice:
function a (){
        var valore1 = $('.webkit').css('backgroundImage');
    var valore2 = $('.moz').css('backgroundImage');
    alert(valore1);
    alert(valore2);
}
Purtroppo anche facendo cosi anche il secondo alert stampa la regola css relativa al browser che sta eseguendo la pagina...
stampa due volte la stessa regola...

Ci dev'essere qualcosa che permetta di stampare l'intero css di un oggetto...