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

• From: Adam Argyle via GitHub <sysbot+gh@w3.org>
• Date: Thu, 25 Jan 2024 21:16:38 +0000
• To: public-css-archive@w3.org
• Message-ID: <issue_comment.created-1911010748-1706217395-sysbot+gh@w3.org>

I'm excited for this to land, I'm starting to see more [examples of `:has()`](https://codepen.io/argyleink/pen/ExMbYzN) to do the task

```css
ol {
  &::after {
    display: block;
    margin-block-start: 1rem;
    font-size: 2rem;
  }
  
  &:has(> li:last-child:nth-child(1))::after {
    content: 'sibling-count() = 1';
  }
  
  &:has(> li:last-child:nth-child(2))::after {
    content: 'sibling-count() = 2';
  }
  
  &:has(> li:last-child:nth-child(3))::after {
    content: 'sibling-count() = 3';
  }
  
  &:has(> li:last-child:nth-child(4))::after {
    content: 'sibling-count() = 4';
  }
  
  &:has(> li:last-child:nth-child(5))::after {
    content: 'sibling-count() = 5';
  }

  /* ... */
}
```

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


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

Received on Thursday, 25 January 2024 21:16:40 UTC