Re: [i18n-drafts] [questions/qa-upright-counters-in-vertical] Large number of items and CJK punctuation characters (#626)

> Nested pseudo elements styling - Chrome 135
https://developer.chrome.com/release-notes/135#nested_pseudo_elements_styling

Wow!
Though it is still tricky and has problems with indentation, this new feature allows the style to be applied to existing content without changing the HTML.

CodePen https://codepen.io/yamahige/pen/yyLwYpe

![Image](https://github.com/user-attachments/assets/c08ac279-3fc9-4d72-962a-17219e7354bc)

```css
:root {
    writing-mode: vertical-rl;
}
ol {
    padding-inline-start: .5em;
}
ol li {
    display: list-item;
    list-style-type: none;
}
ol li::marker {
    content: "(";
}
ol li::before {
    display: list-item inline;
    content: ")";
    margin-inline-end: .5em;
}
ol li::before::before {
    /*
    This does not work...
    */
    content: "(";
}
ol li::before::marker {
    text-combine-upright: all;
    content: counter(list-item);
}
```

```html
<ol>
    <li>色は匂へど散りぬるを我が世誰ぞ常ならむ有為の奥山今日越えて浅き夢見し酔ひもせず。</li>
    <li>色は匂へど散りぬるを我が世誰ぞ常ならむ有為の奥山今日越えて浅き夢見し酔ひもせず。</li>
    <li>色は匂へど散りぬるを我が世誰ぞ常ならむ有為の奥山今日越えて浅き夢見し酔ひもせず。</li>
    <li>…</li>
    <li style="counter-set: list-item 9;">色は匂へど散りぬるを我が世誰ぞ常ならむ有為の奥山今日越えて浅き夢見し酔ひもせず。</li>
    <li>色は匂へど散りぬるを我が世誰ぞ常ならむ有為の奥山今日越えて浅き夢見し酔ひもせず。</li>
    <li>色は匂へど散りぬるを我が世誰ぞ常ならむ有為の奥山今日越えて浅き夢見し酔ひもせず。</li>
    <li>…</li>
    <li style="counter-set: list-item 99;">色は匂へど散りぬるを我が世誰ぞ常ならむ有為の奥山今日越えて浅き夢見し酔ひもせず。</li>
    <li>色は匂へど散りぬるを我が世誰ぞ常ならむ有為の奥山今日越えて浅き夢見し酔ひもせず。</li>
    <li>色は匂へど散りぬるを我が世誰ぞ常ならむ有為の奥山今日越えて浅き夢見し酔ひもせず。</li>
</ol>
```



-- 
GitHub Notification of comment by yamahige
Please view or discuss this issue at https://github.com/w3c/i18n-drafts/issues/626#issuecomment-2778096379 using your GitHub account


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

Received on Friday, 4 April 2025 09:38:24 UTC