Re: [csswg-drafts] [css-pseudo] Allow animations on ::first-letter and ::first-line similar to ::marker (#12814)

There's a whole bunch of complexity here.

To take just one example, a `::first-letter` pseudo-element on a particular element doesn't have a unique value for each of the properties that it supports.  For example, if you have:

```html
<style>
  p { color: black }
  p::first-letter { transition: color 300ms; }
  p.interesting::first-letter { color: blue; }
  p.first-word { color: gray }
</style>
<p>"<span class="first-word">This</span> is the paragraph.</p>
<script>
  setTimeout(() => { 
    document.getElementsByTagName("p")[0].className = "interesting";
  }, 100);
</script>
```

then it seems like the `"` part of the `p::first-letter` should transition from black to blue, and the `T` part of the `p::first-letter` should transition from gray to blue.

Or is this specifically about CSS Animations *excluding* Transitions?

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


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

Received on Tuesday, 17 February 2026 15:45:58 UTC