CSS selectors - CSS | MDN
The CSS selectors module defines the patterns to select elements to which a set of CSS rules are then applied along with their specificity. The CSS selectors module provides us with more than 60 selectors and five combinators. Other modules provide additional pseudo-class selectors and pseudo-elements.
element() CSS function - CSS | MDN
The element() CSS function defines an <image> value generated from an arbitrary HTML element. This image is live, meaning that if the HTML element is changed, the CSS properties using the resulting value are automatically updated.
The CSS Selection - 2026 Edition - Project Wallace
The CSS Selection shows real-world CSS usage from over 100,000 websites and looks at the most important metrics.
@function — Native Custom Functions in CSS
CSS now has user-defined functions. No preprocessor, no JavaScript, but native @function with typed parameters, local variables, and conditional logic built right into your CSS.
7 CSS Tricks That Actually Have Good Browser Support
CSS Anchor Positioning Guide | CSS-Tricks
Learn about CSS Anchor Positioning, including its syntax, properties, how it is used to position one element next to another, and even how it's used to resize elements relative to other elements.
Modern CSS snippets. Every old hack, replaced.
Side-by-side comparisons of outdated CSS techniques and their modern native replacements. Grid, custom properties, nesting, container queries, and more.
Modern CSS snippets. Every old hack, replaced.
Side-by-side comparisons of outdated CSS techniques and their modern native replacements. Grid, custom properties, nesting, container queries, and more.
2026 CSS wishlist – Nathan Knowler
What I’d like to see prioritized for CSS in 2026, how those features will allow us to create better web-based design systems, and how they renew separation of concerns.
Don't Use A Class For That!
Developers love classes. They pile on custom classes everywhere, but HTML already counts with many attributes that do a better job. So why not use them? This article goes through some of the most common native attributes that can be used instead of a class. :: Blog post at Alvaro Montoro's Personal Website.
CSS is filling the gaps with rules. A way to style gaps in grid and flex. | utilitybend
A practical walkthrough of CSS gap decorations: column-rule, row-rule, rule-break, rule-inset, rule-visibility-items, repeat(), and animation.
Element: pointerrawupdate event - Web APIs | MDN
The pointerrawupdate event is fired when a pointer changes any properties that don't fire pointerdown or pointerup events. See pointermove for a list of these properties.
A CSS pseudo-class is a keyword added to a selector that lets you select elements based on information that lies outside of the document tree, such as a specific state of the selected element(s). For example, the pseudo-class :hover can be used to style a button when a user's pointer hovers over it.