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]

  • Versuchs mal so:

    HTML
    1. <details>
    2. <summary>SEK I</summary>
    3. <summary class="subsummary">Haupt und Realschule KC und Thementabellen</summary>
    4. </details>


    oder so:

    HTML
    1. <details>
    2. <summary>SEK I</summary>
    3. <p>Hallo...</p>
    4. </details>
    5. <details>
    6. <summary class="subsummary">Haupt und Realschule KC und Thementabellen</summary>
    7. <p>Hallo...nochmal</p>
    8. </details>


    oder so:

    HTML
    1. <details>
    2. <summary>SEK I</summary>
    3. <p>Hallo...</p>
    4. <details>
    5. <summary class="subsummary">Haupt und Realschule KC und Thementabellen</summary>
    6. <p>Hallo...nochmal</p>
    7. </details>
    8. </details>

    if(!sleep)

    {$sheep++;}

    Einmal editiert, zuletzt von Sailor () aus folgendem Grund: Code ergänzt