nicht angemeldet
Hallo!
Ich habe in meinem Dokument folgenden Struktur:
<span class="clicktext"><h2>Noch eine Überschrift mit H2 mit class "hide"</h2><p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse</p><p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse</p><p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse</p></span>
Standardmäßig sollen alle Elemente im span-Element mit der Klasse "clicktext" ausgeblendet werden, außer das H2-Tag - das soll stehen bleiben und immer sichtbar sein. Wie ist das anzustellen?
Mein, meiner Meinung nach sinnvollster, Versuch war folgender:
.tabtext { display: none; }
.tabtext h2 (display: block; }
Leider wird aber das h2-Elemnt trotzdem ausgeblendet. Wir schaffe ich es also, alles außer ein bestimmtes Element auszublenden?
Die Variante
.tabtext p, .tabtext img, .tabtext a, tabtext table, ... { display: none; }
.tabtext h2 (display: block; }
kommt leider nicht in Frage, da ich die Inhalte wieder per JavaScript ansprechen muss, und das sonst zu kompliziert wird (zB Unterscheidung welches Element ist inline, welches ist block, etc.)
Danke, LG
Christoph
Auge