<pre><code> macht probleme

[Meike]

Hallo Gunnar,

Aber die Code-Darstellung bezieht sich immer auf
den globalen CSS Eintrag "*{...}", während ".code{...}"
ignoriert wird.

Nein, wird sie nicht. Sie gilt für die Elemente der Klasse "code"; in dem Falle

Doch, leider.
Aber wie ich mittlerweile weiss nur deshalb, weil innerhalb
von <code> weiter Tags sind und die code formatierung
scheint sich nicht zu vererben.

Auf dessen Kindelement passt allerdings der '*'-Selektor.

Auch das habe ich bereits probiert.

Aber wozu eigentlich zwei Elemente? 'code' reicht doch (die Klasse "code" ist auch überflüssig), dem 'code'-Element verpasst du einen geeigneten Wert für die 'http://de.selfhtml.org/css/eigenschaften/ausrichtung.htm#white_space@title=white-space'-Eigenschaft und gut ist.

»»

Weil es so, unter anderem, aus semantischen Gründen
empfohlen wird und sich bei vielen Seiten eingebürgert hat.

Nebenbei mal gefragt: Ist <code> eigentlich als richtiger
TAG zu verstehen oder gibt es da Unterschiede?
Ich meine ist ein normaler TAG wie <div> <h1> <p> usw.
gleichwertig mit Code? Ich frage deshalb, weil mit
Ausnahme von span alle browser ja Standard anzeigen auch
ohne css für die Tags haben, für code aber nicht, oder ?

Aber zurück zum Thema.
Probiere das Folgende und du wirst sehen was ich meine:

<style type="text/css">
<!--
*{font-size:10px;}
body{font-size:12px;}
pre{font-size:16px}
.code{font-size:28px;}
code{font-size:28px;font-size:inherit;white-space:pre;}
pre * code{font-size:28px;}
p{white-space:pre;}

-->
</style>

Normaler Text
<pre>Dieser Text ist 12px gross</pre>
<pre class="code">Hat 28px aber bei span <span>mal sehen</span></pre>
<pre><code>Sollte 28px haben, hat aber <p>Hier mal ein p</p> nur 10px bei Kindelementen<span>hallo</span>weiter</code></pre>
<code class="code">Sollte auch 28px haben, hat aber auch nur 10px bei <span>childs</span>, na ja</code>

<code>
<p>Code im P
auch mal white-space versuch der scheitert
</p>
code normal
auch mal eine zeileumbruch
und noch einmal, aber dann<br>
<span>code im span</span>
<div>code im div</div>
<h2>code im h2 tag</h2>

Ich möchte aber, dass alle Kindelemente sich nach der codeformatierung richten,
was muss ich dafür machen? Habe es auch erfolglos mit inherit probiert.
<code>