Skip to content

primary source

MDN Blog

1 item

Mozilla's documentation and explanation of what browsers actually do. For what is arriving in stable right now, the Chrome and WebKit blogs have their own entries.

developer.mozilla.org

FIREFOX154sibling-index() and text-box-trim
Webmedium signal

Firefox 154 brings sibling-index(), sibling-count(), and text-box-trim

The August 18 release adds three CSS features you can use right away. sibling-index() and sibling-count() give an element's position among its siblings and their total, directly in CSS and without a line of JavaScript, which ends the need to hand-write variables like --i for staggered animation delays. Alongside them come text-box-edge, text-box-trim, and the text-box shorthand, which remove the extra space above and below text so headings finally sit in the grid the way they look in the design. On the JavaScript side, includes(), join(), chunks(), and windows() were added to the iterator prototype.

MDNverified