[css] :first-child werkt niet; jquery wel

[vpm]

Beste allen,

Nooit gedacht dat ik hier een vraag zou stellen, maar ik heb een probleem dat ik niet kan doorgronden.
De css pseudo :first-child werkt niet, terwijl de jquery variant elem:first wel werkt.

Gezien de basis match niet werkt, laat ik de werkelijke toepassing buiten beschouwing.
Zie: http://jsfiddle.net/4tyL3brq/

Waar zit de vout?

Bedankt!

[Utoka]

http://jsfiddle.net/4tyL3brq/1/

rly is niet het eerste child. Css kijkt dan gewoon of het eerste kind binnen de tr de class "rly" heeft. :first gebruik ik nooit maar het zou goed mogelijk zijn dat deze zoekt naar het eerste kind waar 'rly' in voor komt.

[Joostje123]

http://stackoverflow.com/...-child-gives-wrong-result

Lijkt niet te kunnen met CSS en dat CSS alleen zegt wat Utoka uitvoert.

[vpm]

Ik zat er al over te stoeien met mede-dev. Blijkt idd heel tegen-intuitief te zijn.
Bedankt voor het meedenken

Ter info: server-side opgelost

Slotje!

[ Voor 11% gewijzigd door vpm op 17-10-2014 12:22 ]

[MoietyMe]

Alles is mogelijk met CSS, alleen niet altijd even handig

U vraagt, wij draaien.

[vpm]

Good Fella schreef op vrijdag 17 oktober 2014 @ 16:10:

JavaScript:

.rly ~ .rly { border: 0; }

thx, die modifier kende ik nog niet Gezien de '+' het tegenovergestelde doet, verbaast de '~' (tilde) mij, waarom geen '-' (min). tilde insinueert exceptie.

Overigens is m.i. de backend oplossing nog steeds beter.

[ Voor 8% gewijzigd door vpm op 20-10-2014 11:59 ]

[R4gnax]

Good Fella schreef op vrijdag 17 oktober 2014 @ 16:10:
Alles is mogelijk met CSS, alleen niet altijd even handig

U vraagt, wij draaien.

Nou... niet alles.

Doe bijvoorbeeld eens hetzelfde, maar dan met een border om het eerste element met de rly class als en alleen als er nog minstens één element volgt dat de rly class ook heeft.

CSS werkt echt nog niet met selectors die look-ahead nodig hebben. Dat gaat pas komen in CSS4 met de mogelijkheid het subject van een selector aan te geven .