Frage select elem vom last-child - möglich?

[Nikita]

Hallöchen,

ich komm grad iwie nich klar,
ich habe folgenden Code:

<div id="Parent">
  <div></div>
  <div></div>
  <div>
     <div></div>
     <div></div>
     <div class="kind"></div>
  </div>
</div>

kann es sein, dass ich per css nicht sagen kann:
#Parent div:last-child .kind{
....
}
?
Das funktioniert nämlich nich bei mir...
Versteh aber nich wo das Problem ist, ein Element von einem last-child Element auszuwählen
Weiß da einer Rat?

LG NIKI

 

[LeCub]

Was genau hindert dich? http://codepen.io/LeCub/pen/adjYzg

 

[Nikita]

hmm versteh ich nich^^ bei mir funktioniert das iwie nicht...

 

[SpiceLab]

hmm versteh ich nich^^ bei mir funktioniert das iwie nicht...

Funktioniert auch bei mir erwartungsgemäß: https://jsfiddle.net/spicelab/5nr69ra3/

Welche Regel(n) soll(en) bei Dir darin folgen? Oder andersrum gefragt: Was genau funktioniert da nicht?

 

[Nikita]

ja na der nimmt bei mir den border nicht weg... ich versuch grad zu filtern woran das liegen könnte aber habs bisher noch nich rausgefunden..
weil komischwerweise wenn ich ohne das :last-child selectiere #Parent div .kind
dann klappt alles Oo
aber ich hab 100% mehrere div's unter #Parent -_-

 

[SpiceLab]

ja na der nimmt bei mir den border nicht weg...

Okay, und wie bzw. wo legst Du den Rahmen allgemein fest?

 

[Nikita]

seht ihr das jetz hier?
http://codepen.io/anon/pen/YwjaEN

so sieht mein code aus und da funzt es nicht... iwas is da komisch^^

 

[SpiceLab]

In der HTML-Struktur trifft der Selektor "#denomination-box .denomination-container:last-child ..." nicht zu, denn .totalAmount-row ist das letzte Kindelement von #denomination-box.

 

[Nikita]

achso ich dachte ich könne mich ausnahmslos auf eine klasse beziehen also sprich das letzte element mit dieser klasse
aber das geht wohl nich? mäh...

 

[SpiceLab]

Nutze hierfür :nth-child().

#denomination-box .denomination-container:nth-child(3) .sum-container{...}

 

[Nikita]

nein, das geht leider nicht, da es ein dynamischer Inhalt ist und ich nicht weiß ob es 2, 3 oder sonst wie viele Elemente mit der Klasse denomination-container gibt

dachte grad noch an :last-of-type
aber das greif leider auch nicht

 

[SpiceLab]

nein, das geht leider nicht, da es ein dynamischer Inhalt ist und ich nicht weiß ob es 2, 3 oder sonst wie viele Elemente mit der Klasse denomination-container gibt

Aber es spielt sich wohl immer in .cash-row ab?

#denomination-box .cash-row .sum-container{...}

 

[Nikita]

leider nein, schön wärs^^
die klasse .sum-container kommt in allen Elementen mit der klasse .denomination-container vor wobei die .denomination-container aber nicht immer zwingen da sein müssen - also .bill-container.denomination-container, .ticket-row.denomination-container oder .cash-row.denomination-container
müssen nicht so da sein, es könnten auch nur .ticket-row.denomination-container und .cash-row.denomination-container oder bloß .bill-container.denomination-container da sein.

 

[SpiceLab]

Wenn sich da alles dynamisch abspielt, gib diesem <div> dynamisch eine Klasse mit auf den Weg:

<div class="sum-container noBorder">

#denomination-box .sum-container.noBorder {border:none}
/* die beiden Klassen ohne Leerzeichen nennen */

 

[Nikita]

ja das sind doch alles Methoden die mir bekannt sind.. ich wollte doch aber gern wissen warum es mit css nicht funktioniert. ich wollte eigentlich auf javascript verzichten.
und meiner meinung nach sollte :last-of-type genau das machen was ich grade suche und in allen Beispielen funktioniert das auch... nur nich bei mir
Beispiel:
http://jsfiddle.net/C23g6/3/

Mein Code:
http://codepen.io/anon/pen/YwjaEN

 

[SpiceLab]

und in allen Beispielen funktioniert das auch... nur nich bei mir
Beispiel:
http://jsfiddle.net/C23g6/3/

Mit einer angehängten Klasse, wie in Deinem Fall, funktioniert das jsfiddle-Demo auch nicht mehr: http://jsfiddle.net/C23g6/1364/

 

[Nikita]

naja es muss schon meiner code-struktur entsprechen, dann geht das auch mit angehängtem elem:
http://jsfiddle.net/qf2upzvp/

is ja klar, dass wenn comment den border hat und man dann per css aber sagt
.comment:last-of-type .test{border:none}
dass das nicht geht
der .test hatte ja gar kein border

 

[SpiceLab]

Okay, mein Fehler *blush*

naja es muss schon meiner code-struktur entsprechen, dann geht das auch mit angehängtem elem:
http://jsfiddle.net/qf2upzvp/

Naja, das Beispiel entspricht auch nicht zu 100% Deiner HTML-Struktur ;)

http://jsfiddle.net/qf2upzvp/1/ -> funktioniert nicht
http://jsfiddle.net/qf2upzvp/2/ -> funktioniert auch nicht

Warum es sich bei gleichnamigen Elementen so verhält, kann ich derzeit nicht nachvollziehen.

 

[Nikita]

okay es liegt also daran, dass es alles div's sind.. hab dann jetzt einfach das letzte Element als article angelegt und damit gehts.. is nicht schön aber selten.

danke für deine Hilfe und Bemühungen @Spicelab ! :)

Niki

 

[SpiceLab]

danke für deine Hilfe und Bemühungen @Spicelab ! :)

Gern geschehen :)