Polymer: :last-child selector broken inside dom-repeat

[robrez]

I can't get :last-child to work for the last element inside a dom-repeat...

the codepen
the gh gist

I think it's because the template itself becomes the last-child...

[maxsteenbergen]

You could just try :nth-last-child(2) instead of :last-child

[miztroh-zz]

Or :last-of-type.

[robrez]

Thanks for the workarounds. I was trying to turn off border-bottom on the last child... I swapped border-bottom for border-top and last-child for first-child.

Still seems like the last-child selector should work.

I'll close the issue if the polymer team doesn't consider it a bug. Perhaps it's in the docs somewhere?

[miztroh-zz]

:last-child won't work because the last child is the dom-repeat template.

[nazar-pc]

+1 @miztroh, it shouldn't work this way, <template> is really last child, nothing wrong here.

[dfreedm]

Yes, :last-child refers to the element that is the last child of it's parent element, so <template is="dom-repeat"> would be the last child. https://developer.mozilla.org/en-US/docs/Web/CSS/%3Alast-child

[lucas-oliveira-sympla]

You can user this:

.row:nth-last-child(2)