sibling-index()

sibling-index() 是一个 CSS 函数，它返回一个整数，表示当前元素在 DOM 树中相对于其所有兄弟元素的位置。返回的值是上下文子元素在父元素内所有兄弟元素中的位置索引，第一个子元素返回 1，最后一个子元素返回 Element.children.length。

需要注意的是，此功能尚未成为基准，因为它在某些最广泛使用的浏览器中无法正常工作。目前，Chrome 和 Edge 对此功能有较好的支持，而 Firefox 和 Safari 的支持则有限。

在使用 sibling-index() 函数时，开发者应该考虑浏览器的兼容性问题，特别是在面向广泛用户群体的生产环境中。建议在使用前查看完整的浏览器兼容性表格，并根据目标受众的浏览器使用情况做出决策。