• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Fragen zu Hierarchieangaben und Prioritäten der tags?

pstein

New member
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
 
Zuletzt bearbeitet:
Ich hatte dir doch schon das letzte Mal eine Seite gezeigt, wo alle deine Fragen erklärt werden, hast du die nicht gelesen?
 
wahrscheinlich hat dir ein schlauer was über selektoren gezeigt? so schwer is das nicht wenn man liest was andere schröbten ^^

zudem ist deine verschachtelung zwar zulässig aber wenig sinnvoll!

vorab: benutze bitte die code-tags, das macht es einfacher, die haben ein syntaxhightlightning

Code:
<div id="aaa">
<p>text</p>
</div>


<div id="bbb">
<p>text</p>
</div>


<div id ="ccc">
<p>text</p>
</div>

das wäre etwas einfacher. jetzt mach ich es gemein

Code:
<div id="aaa">
<p>text</p>
<p>text</p>
<p>text</p>
</div>


<div id="bbb">
<p>text</p>
<p>text</p>
<p>text</p>
</div>


<div id ="ccc">
<p>text</p>
<p>text</p>
<p>text</p>
</div>

Code:
p {
    font-weight: bold;
}

#aaa p {
    font-size: 15px;
}

#aaa p:nth-of-type(2n) {
    font-size: 25px;
}

#aaa p:nth-of-type(3n) {
    font-size: 35px;
}

#aaa p:nth-of-type(3n):after {
    font-size: 50px;
    content: "text";
}

#aaa p, #bbb p, #ccc p {
    font-size: 15px;
    float: left;
    margin-left: -5px;
}

so, jetzt kopierst du das ganze html css gedöhns, speicherst es und dann machst es mim browser auf... dann findest du was du suchst ^^
 
Zuletzt bearbeitet:
ACHTUNG: :nth-of-type und :after wird von älteren Browsern nicht unterstützt. Wenn man das verwendet, muss man sich klar machen, dass das dort dann nicht funktioniert.
 
@mikdoe - und ich hab sogar gelogen! das syntaxhighlightning geht nur bei php code ^^

@kkapsner - japp, das stimmt. ich teste meine seiten noch mit dem ie 8. sofern es etwas "abnormal" wird, und der kann es meistens. und wenn der es kann dann... nu ja. wenn nicht helfe ich mit js nach.
 
Zurück
Oben