r/css • u/KeinZantezuken • 9d ago

Question Last of specific selector

I have a dynamic DOM tree with various element count: 

[parent]:
.child_class_special
.child_class_entry
.child_class_entry
.child_class_entry
.child_class_pre_special
.child_class_special
.child_class_entry
.child_class_entry

What I want is to target last possible " .child_class_special", however, as I said, the number of child elements in parent is varying, there could be 3 " .child_class_special", or could be 7.

This:
.parent .child_class_special:not(:has(~ .child_class_special))

works but it is uggo. Any ideas for more concise selector?

5 Upvotes

78% Upvoted

8 comments sorted by

View all comments

3

u/be_my_plaything 9d ago

Unless I'm missing something...

.child_class_special:last-of-type{

2

u/KeinZantezuken 9d ago

Does not work, I tried. No idea why, I assume even if all children are DIV they dont share one specific class, I cba to whip out an example page but on my testing dev one it fails.
MDN says it should work tho.