Intent to Prototype: sibling-index() and sibling-count()

61 views

Skip to first unread message

Sajid Anwar

unread,

Jun 10, 2026, 7:48:28 PM (11 hours ago) Jun 10

to dev-pl...@mozilla.org

Summary:
The sibling-index() and sibling-count() CSS functions allow an element to be styled using its index among its siblings and its total count of siblings (including itself), respectively. These functions produce integers and can be used with elements anywhere that an integer is allowed, including in calculations.

We intend to enable these functions in Firefox Nightly builds behind the layout.css.tree-counting-functions.enabled pref.

Bug:
Bug 1953973 - [css-values] Add sibling-count() and sibling-index()

Specification:
https://drafts.csswg.org/css-values-5/#tree-counting

Standards Body:
CSSWG / W3C

Platform Coverage:
All

Preference:
layout.css.tree-counting-functions.enabled — Bug 2045705 to enable in Nightly

DevTools Bug:
N/A

Extensions Bug:
N/A

Use Counter:
N/A

Standards-Positions Discussion:
https://github.com/mozilla/standards-positions/issues/1194 — Positive

Other Browsers:
- Blink: Shipped since Chrome 138
- WebKit: Shipped since Safari 26.2