-
Ok, edge cases are weird: <style> p { container: inline-size; width: 200px; } @ container (min-width: 100px) { div::first-letter { color: green } } </style> <div> <p>First letter</p> </div> What color should that first letter "F" be?Permalink On twitter.com
❤️ 8 Favorites Mood -2 🙁
-
The first letter is inside the container, and inherits from the container, but is defined outside the container. We allow other container-conditional selectors to reach outside the container for context, so I would expect the same to work here? Making the first letter green.On twitter.com