selfhtml.de - Alles für den Webmaster!

 

Empfehlung:

wix.com

Kostenlose Homepage

Besuchen Sie auch:

Jobs:

Fragen zu Hierarchieangaben und Prioritäten der tags?

Autor: pstein
Datum: 05.11.2013 22:04:50

Angenommen ich habe folgendes HTML:
< div id="aaa">
< div id="bbb">
< div id ="ccc""
< p>
...
< /p>
< /div>
< /div>
< /div>
Jetzt will ich (neue) CSS properties an das <p> Element zuweisen. Ist dann
aaa bbb p { ..... }
gültig oder muss eine ununterbrochene Reihenfolge entsprechend der vollständigen Hierarchie von oben nach unten
aaa bbb ccc p { .... }
angegeben werden?
2. Welche Prioritäten gelten wenn ich ZUSÄTZLICH
ccc p { ..... }
angeben würde? Hat die im CSS style sheet die zuletzt erwähnte Priorität?
3.) Angenommen ich habe folgendes HTML:
< div id="aaa">
< div id="bbb">
< div id ="ccc""
< p>
...111...
< /p>
< /div>
< p>
...222...
< /p>
< /div>
< /div>
Jetzt will ich dem <p>...222...</p> Element CSS Properties zuweisen aber NICHT dem <p>...111...</p>
Wie spezifiziere ich das?
Peter



Re: Fragen zu Hierarchieangaben und Prioritäten der tags?

Autor: gaby
Datum: 06.11.2013 04:16:13

> Angenommen ich habe folgendes HTML:
>  < div id="aaa">
>  < div id="bbb">
>  < div id ="ccc""
>  < p>
>  ...
>  < /p>
>  < /div>
>  < /div>
>  < /div>
>  Jetzt will ich (neue) CSS properties an das
> <p> Element zuweisen. Ist dann
>  aaa bbb p { ..... }
>  gültig

ja


> oder muss eine ununterbrochene
> Reihenfolge entsprechend der vollständigen
> Hierarchie von oben nach unten
>  aaa bbb ccc p { .... }
>  angegeben werden?

hier: nein


>  2. Welche Prioritäten gelten wenn ich
> ZUSÄTZLICH
>  ccc p { ..... }
>  angeben würde? Hat die im CSS style sheet die
> zuletzt erwähnte Priorität?

ja, bei gleicher Spezifität.


>  3.) Angenommen ich habe folgendes HTML:
>  < div id="aaa">
>  < div id="bbb">
>  < div id ="ccc""
>  < p>
>  ...111...
>  < /p>
>  < /div>
>  < p>
>  ...222...
>  < /p>
>  < /div>
>  < /div>
>  Jetzt will ich dem <p>...222...</p>
> Element CSS Properties zuweisen aber NICHT dem
> <p>...111...</p>
>  Wie spezifiziere ich das?

hier: indem du im Selektornamen die ID des Eltern-Elements voranstellst.