CSS: >

02/16/2015 11:10 Looneytune#1
Code:
#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
02/16/2015 11:41 Syc#2
HTML Code:
x > y
Selektiert alle y Elemente, die x direkt übergeordnet haben

HTML Code:
x y
Selektiert alle y Elemente, die in einem x liegen

Beispiel:

Edit: Habe das Beispiel überarbeitet: [Only registered and activated users can see links. Click Here To Register...]

p bekommt alle attribute, nur nicht dieses:

HTML Code:
#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.
02/19/2015 12:38 .StarSplash#3
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: [Only registered and activated users can see links. Click Here To Register...]
02/20/2015 07:11 Asuna.#4
Man hätte auch einfach Googlen können.
02/20/2015 08:03 Looneytune#5
Quote:
Originally Posted by Asuna. View Post
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.
02/20/2015 08:30 snow#6
#closed > onrequest