CSS: >

[Looneytune]

#gCenter > div > div.panel-body > form > div.pay-confirm {
        margin-top: 20px;
}
    
#gCenter div div.panel-body form div.pay-confirm {
        margin-top: 21px;
}

Ich sehe ab und an, eher selten diese größer als Zeichen. Im Frontend sehe ich keinen Unterschied, und sofern ich die Funktion richtig verstanden habe, zeigt das > lediglich an, dass die linke Ebene über der Rechten liegt.

Jetzt stellt sich mir aber die Frage, welcher der beiden Wege der Richtige ist?

Danke

[Syc]

x > y

Selektiert alle y Elemente, die x direkt übergeordnet haben

x y

Selektiert alle y Elemente, die in einem x liegen

Beispiel:

Edit: Habe das Beispiel überarbeitet:

p bekommt alle attribute, nur nicht dieses:

#testdiv1 > p {
    text-decoration: underline;
}

weil p ja #testdiv1 nicht direkt übergeordnet hat.

Ich hoffe damit konnte ich dir das einigermaßen erklären, was davon nun der richtige weg ist, musst du wissen.

[.StarSplash]

Wenn es dich noch weiter interessiert: ">" ist nicht die einzige Möglichkeit, Selektoren zu kombinieren. Auch ein "+" und ein "~" sind möglich.

Wenn du ne Erklärung inkl. Beispiel haben willst:

[Asuna.]

Man hätte auch einfach Googlen können.

[Looneytune]

Originally Posted by Asuna.

Man hätte auch einfach Googlen können.

Ließe sich auf so ziemlich jede Frage hier übertragen, dann hätte ein Forum wie elitepvpers ca. 50% Themen weniger. Ich habe mich bewusst dazu entschieden, hier zu Fragen und nicht zu googlen. Bitte bleibe bei Themen onTopic.

Ich bedanke mich bei beiden Usern.

[snow]

#closed > onrequest