Warum machr meine Klasse im Stylesheet nicht das was ich erwarte?

[FONT=&amp]Hallo liebe Forenmitglieder,[/FONT]
[FONT=&amp]
[/FONT]
[FONT=&amp]ich habe mal eine Anfängerfrage. Im HTML-Dokument habe ich eine Klasse subsummary erstellt:[/FONT]
[FONT=&amp]
[/FONT]
[FONT=&amp]<details>
[/FONT]
[FONT=&amp] <summary>SEK I</summary>[/FONT]
[FONT=&amp] <details>[/FONT]
[FONT=&amp] <summary class="subsummary">Haupt und Realschule KC und Thementabellen</summary>[/FONT]
[FONT=&amp] <ul>[/FONT]
[FONT=&amp] <li><a href="meineDaten/Se...[/FONT]
[FONT=&amp] ...[/FONT]
[FONT=&amp]
[/FONT]
[FONT=&amp]Im Stylesheet:[/FONT]
[FONT=&amp]summary {[/FONT]
[FONT=&amp] margin-left: 10px;[/FONT]
[FONT=&amp] padding-left: 5px;[/FONT]
[FONT=&amp] background: #003300;[/FONT]
[FONT=&amp] color: #FFFFFF;[/FONT]
[FONT=&amp] border: solid #FFFFFF 1px;[/FONT]
[FONT=&amp] cursor: pointer;[/FONT]
[FONT=&amp] width: 98%;[/FONT]
[FONT=&amp]}[/FONT]
[FONT=&amp].subsummary {[/FONT]
[FONT=&amp] background: #006600 !important; /*WARUM GEHT DAS NICHT Das !Important hat schon mal nicht geholfen...???????????*/[/FONT]
[FONT=&amp]}[/FONT]
[FONT=&amp]details ul {[/FONT]
[FONT=&amp] list-style: none;[/FONT]
[FONT=&amp] margin-bottom: 1em;[/FONT]
[FONT=&amp]}[/FONT]
[FONT=&amp]
[/FONT]
[FONT=&amp]Trotzdem haben beide Summary-Blöcke das gleiche Grün. Was mache ich falsch???[/FONT]
[FONT=&amp]
[/FONT]
[FONT=&amp]Danke für Antworten[/FONT]