In span alles außer h2 ausblenden

[Auge]

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, ...e</p><p>Ut wisi enim ad minim veniam, ...</p><p>Ut wisi enim ad minim veniam, ...</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?

Die Variante

.tabtext p, .tabtext img, .tabtext a, tabtext table, ... { display: none; }
.tabtext h2 (display: block; }

kommt leider nicht in Frage, da ...

Sie funktioniert aber?

... das sonst zu kompliziert wird (zB Unterscheidung welches Element ist inline, welches ist block, etc.)

Wenn dich das kümmert, warum packst du dann Blockelemente (<h2>, <p>) verbotenerweise in ein Inlineelement (<span>).

Tschö, Auge