We all know these endless lines of CSS selectors before the real CSS rules start in the stylesheet. And while it’s not entirely new anymore, I’ve not seen it much in the wild: The usage of the universal :where() selector.| Anselm Hannemann — helloanselm.com
Specificity is the algorithm used by browsers to determine the CSS declaration that is the most relevant to an element, which in turn, determines the property value to apply to the element. The specificity algorithm calculates the weight of a CSS selector to determine which rule from competing CSS declarations gets applied to an element.| developer.mozilla.org
The :where() CSS pseudo-class function takes a selector list as its argument, and selects any element that can be selected by one of the selectors in that list.| MDN Web Docs
The CSS nesting module allows you to write your stylesheets so that they are easier to read, more modular, and more maintainable. As you are not constantly repeating selectors, the file size can also be reduced.| MDN Web Docs
A lot of new CSS features have shipped in the last years, but actual usage is still low. One of the biggest barriers: we need to re-wire our own brains.| Max Böck
The :not() CSS pseudo-class represents elements that do not match a list of selectors. Since it prevents specific items from being selected, it is known as the negation pseudo-class.| MDN Web Docs
The functional :has() CSS pseudo-class represents an element if any of the relative selectors that are passed as an argument match at least one element when anchored against this element. This pseudo-class presents a way of selecting a parent element or a previous sibling element with respect to a reference element by taking a relative selector list as an argument.| MDN Web Docs
I set out to learn a bit about how CSS nesting works, especially the new & selector, and I ended up on a deep dive into the :is() selector and its siblings.| Space Ninja
An extremely fast CSS parser, transformer, bundler, and minifier.| lightningcss.dev
Syntactically Awesome Style Sheets| sass-lang.com
Back in December, we wrote an article detailing three different options for CSS Nesting.| WebKit
It’s been a long-standing dream of front-end developers to have a way to apply CSS to an element based on what’s happening inside that element.| WebKit
I first got into web design/development in the late 90s, and only as I type this sentence do I realize how long ago that was.| eev.ee
