Fragen zur Adressierung von Elementen

[pstein]

Angenommen ich habe folgende Konstruktion

<div id="aaa">
<p>...</p>
</div>
<div id="bbb">
<p>...</p>
</div>
<p>...</p>
<em id="aaa">
<p>...</p>
</em>

1.) Wenn ich jetzt in der CSS wie folgt adressiere

p { .... }

sind dann ALL <p> gemeint oder nur das erste oder nur das <p> auf der obersten/nicht geschachtelten) Ebene?

2.) Wenn ich jetzt

#aaa p { ..... }

adresse sind dann alle <P> in Elementen mit der id="aaa" gemeint oder nur das erste?

3.) Angenommen ich will die <p> in <div id="aaa">...</div> und auf der obersten Ebene adressieren aber alle anderen NICHT.
Wie mache ich das dann? Etwa so:

div#aaa p, p { ......}

Danke
Peter

 

[ein schlauer]

CSS-Selektoren :: class, id, Element-Selektoren

1. alles
2. alle P Elemente innerhalb der ID 'aaa' - eine ID muss immer eindeutig sein!
3. Was ist "die oberste Ebene"?

 

[pstein]

Danke. für 1.+2.

3. die <p> die NICHT in einem <div> oder <em> geschachtelt sind.
Also das 3. <p>...</p> Pärchen im obigen Beispiel

 

[ein schlauer]

P Element dürfen nicht in einem em geschachtelt sein. Ein em ist ein inline Element, diese dürfen keine Blockelemente enthalten.

Ansonsten sprichst du in einem Blockelemente alle direkten P Elemente mit #id > p an.

Hast du den Link gesehen, denn ich dir gezeigt habe?