Why CSS Wishlists Matter
CSS has evolved dramatically in recent years, with game-changing features like :has(), container queries, and view transitions reaching mainstream browsers. Yet developers continue to identify gaps in the language that, if addressed, would dramatically improve both user experiences and developer productivity.
The CSS specification evolves through a process that combines browser vendor implementation, community feedback, and formal standardization. When developers articulate their needs through wishlists, they influence which features get prioritized and implemented.
Frontend Masters: CSS Wishlist for 2025 tracks these community desires across the web development ecosystem.
The Current State of CSS
Modern CSS now includes powerful features that would have seemed impossible a decade ago. Subgrid support enables intricate layouts that maintain alignment across nested components. Nested selectors allow CSS to mirror HTML structure without repetitive selector repetition. The color-mix() function enables sophisticated color blending directly in stylesheets.
Yet even with these advances, developers consistently identify missing pieces that would eliminate workarounds, reduce JavaScript dependencies, and enable designs that remain difficult or impossible with current CSS. For teams building modern web applications, understanding these gaps helps inform both current architecture decisions and future-proofing strategies.
If you're working with modern CSS layouts, understanding these limitations helps when building CSS grid layouts and anticipating where additional workarounds might be necessary.
Unlimited Pseudo-Elements
Beyond ::before and ::after - developers want ::beforebegin, ::afterbegin, ::beforeend, and ::afterend, plus the ability to create multiple pseudo-elements at the same position.
An extend() Function
Native CSS extension allowing one selector to inherit styles from another, useful when working with CMS-generated markup.
Middle Text Truncation
Preserve beginning and end of text while truncating the middle, essential for file paths and long strings in limited space.
WebKit has supported hanging punctuation for nearly a decade, yet Blink and Gecko implementations remain absent. This typographic feature pulls quotation marks and other punctuation outside the text block's edge, creating cleaner alignment and more professional-looking text blocks. The lack of cross-browser support means designers must either accept inconsistent rendering or implement workarounds to achieve this standard typographic treatment.
Pick Where to Stick
Explicit container reference for position sticky, giving developers precise control over sticky behavior regardless of nested container structures.
CSS Carousel
Native carousel support that generates navigation markers, scroll buttons, and page indicators automatically, eliminating substantial JavaScript code.
View Transition Triggers
Declarative triggers for :checked, :hover, :active states, reducing JavaScript required to coordinate complex interface transitions.
Frequently Asked Questions
Sources
- Frontend Masters: CSS Wishlist for 2025 - Comprehensive community feature requests
- Adam Argyle: CSS Wishlist 2025 - UX/DX categorization with demos
- Eric Meyer: CSS Wish List 2025 - Industry veteran perspective on missing features
- CSS Values Level 5 Draft - attr() specification
- CSS Exclusions Draft - Exclusions specification