Verschachtelte Elemente

**AnnaStesia** · 05.08.2003, 16:13

Moin Moin,

ich glaube, ich steh gerade auf dem Schlauch... Ich hab da paragraphen mit Klasse "Einleitung", und darin verschachtelt weitere Paragraphen (ich kann nix dafür!), diese übernehmen jedoch die Formatierung des ersten P's nicht.

Code:

p.einleitung p {
	color:#FF0000;
	margin-bottom: 5px;
}

funzt nicht, p.einleitung > p auch nicht, hab ich was übersehen, Denkefehler?
HTML-mäßig ist es so (nur zur Verdeutlöichung falls ich mich undeutlich ausgedrückt habe)
<p class="einleitung">
<P>commodo consequat</P></p>

Grüße, AnnaStesia

**AnnaStesia** · 05.08.2003, 16:55

Hat sich - mal wieder - von selbst erledigt, ich hab das Ganze nun doch in ein Div packen können, dann funzt es auch mit div.einleitung p {} problemlos.

**prefix** · 05.08.2003, 17:07

na, grad jetzt wollt ich was dazu schreiben, und was ist?? bist schon wieder zu fix gewesen *hehe*

**AnnaStesia** · 05.08.2003, 17:17

ich hoffe, es war kein Roman epischen Ausmaßes, den Du jetzt wegschmeißen musstest

Du darfst gerne trotzdem erklären, wieso es nicht geht, wenn's Dich in den Fingern juckt! Ich tippe mal, dass man keine gleichen Elemente verschachteln kann (im CSS meine ich) oder aber, dass es am P liegt, weil man es nicht verschachteln darf (im HTML), kann ich mir aber schwer vorstellen, so etwas wie "div div {}" im Stylesheet käme mir doch sehr spanisch vor.

**prefix** · 05.08.2003, 17:32

so, jetzt mal nach kurzstudie der spezifikation und einigen tests mit folgenden css-definitionen:

Code:

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
}

p {
	color: red;
	font-weight: bold;
}

/*p * p {
	color: green;
	font-weight: normal;
}*/

p:first-child {
	color: green;
	font-weight: normal;
}

/*html>body p:first-child {
	color: green;
	font-weight: normal;
}*/

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="annastesia.css" rel="stylesheet" type="text/css" />
</head>

<body>
<p>ich bin innerhalb eines absatzes<p>und ich der ganz innere</p>hier geht es weiter</p>
</body>
</html>

ich bin zum schluss gekommen, dass man p-elemente nicht verschachteln kann bzw. auch darf - hab die diesbezüglichen infos in der spezifikation allerdings noch nicht gefunden.

die definition für das first-child wird natürlich vom ie absolut ignoriert, im moz/fb allerdings bekommt man was angezeigt - allerdings eigentlich falsch!

aber mal warten, was lc dazu sagt - ev. weiß er mehr darüber

**AnnaStesia** · 05.08.2003, 19:36

So steht's in der Spec.:

The P element represents a paragraph. It cannot contain block-level elements (including P itself).

Also, dass man die Teile nicht verschachteln darf, war mir schon klar, und ich will hier nicht wieder eine Grundsatzdiskussion lostreten (ich glaube, das Thema hatten Lc und Du doch vor Kurzem schon, oder?), mich hat es trotzdem gewundert, dass es nicht geht - warum auch immer, jetzt im nachhinein frag ich mich, wie ich überhaupt auf die Idee kommen konnte, es könne gehen... ich glaub, das macht die Hitze (prima Ausrede für alle Entgleisungen

)

**prefix** · 05.08.2003, 19:54

hehe, genau! hab ja gewusst, dass wir das erst vor kurzem hatten

das war ja auch mit der mail ans w3c usw...

zur Startseite vom TP

Thema: Verschachtelte Elemente

LinkBack

Themen-Optionen

Thema durchsuchen

Thema bewerten

Verschachtelte Elemente

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer

Berechtigungen