CSS sibling-count() Demystified - Frontend Engineering Explained

During a previous video (https://youtu.be/IxUjNRxcAbo?si=KLHnzc8WF8UL8Baf) I mentioned some things about sibling-count(), and the if() function. When I shared the video on the socials, I got some excellent feedback from Temani Afif (https://github.com/Afif13/) and a nice tip for the :nth-child selector.

All of this and some additional conversations over Mastodon led to this video. I hope this clarified all the things and specifically sibling-count(). If not, please let me know in the comments and I will do my best to help.

## Resources mentioned
- https://hachyderm.io/@schalkneethling/115029344891018349
- https://drafts.csswg.org/css-values-5/#tree-counting
- https://github.com/w3c/csswg-drafts/issues/8376
- https://frontendmasters.com/blog/custom-progress-element-using-the-attr-function/
- https://css-tip.com/quantity-queries/

Photo by Andriyko Podilnyk on Unsplash
https://unsplash.com/photos/two-siberian-husky-puppies-sitting-on-green-grass-M4NYOsSre6g

#css #webdevelopment

Видео CSS sibling-count() Demystified - Frontend Engineering Explained канала Schalk Neethling