Re: [csswg-drafts] [css-values] Proposal: add sibling-count() and sibling-index() (#4559)

> But sibling-index(:not(.skip)) might provide you the index skipping elements that have the class skip.

What if I don't want to skip the element but particularly want to target the children? As if you have a `display: contents` wrapper somethwere in your grid layout to do some weird responsive styling? The only thing I could think of as of now (not sure if the syntax would be right) is.

```
.contents {
 --index: sibling-index();
}

.child {
 --sibling-index: calc(var(--index) +  sibling-index());
}
```

That way you would pass down the value of the `sibling-index` function to it's children and add it to their index?

-- 
GitHub Notification of comment by Que-tin
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/4559#issuecomment-1644126538 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Thursday, 20 July 2023 15:22:11 UTC