cssRules mit JavaScript modifizieren

[Manuel]

Hallo,

ich benutze momentan folgende Syntax, um dynamisch Regeln in einem Stylesheet zu ändern (ein Beispiel, verkürzt):

Stylesheet:
[...]
div.kommentarText{top:10px;left:10px;width:460px;height:210px;padding:10px;background-color:#E9EDF3;}
[...]

JavaScript:
[...]
document.styleSheets[0].cssRules[30].style.width = "480px";
[...]

Das Ganze funzt tadellos, wird aber mit zunehmender Zahl von Regeln völlig unübersichtlich.
Deshalb würde ich gerne nicht mehr über die "laufende Nummer" der Regel, sondern über den Namen, also hier "div.kommentarText", zugreifen.

Geht das? Wenn ja, wie würde hier die Syntax lauten?

Vielen Dank und viele Grüße, Manuel