Choosing CSS Selectors for Production: Specificity, Modern Pseudo-Classes, and Maintainable Styles
Struggling with CSS selector specificity in production? Learn when to use :has(), :is(), and :where() to keep styles predictable and maintainable.
Search fresh public links, source activity, and ready-to-use post angles for Css Specificity.
Fresh curated links around CSS Specificity are collected here so marketers can spot useful updates and turn timely ideas into posts faster.
Recent items include:
Recent curated links from global sources. Generate one free draft from any story, then use SocialBu to schedule and refine your content calendar.
Struggling with CSS selector specificity in production? Learn when to use :has(), :is(), and :where() to keep styles predictable and maintainable.
The last remaining reason to compile your CSS has just disappeared.CSS Style Queries have reached Baseline support across all major browsers, and they unlock something we've wanted...
There’s this thing that you need to know about when dealing with z-index and trying to get some elements to be on top of other elements: stacking contexts. If you’ve got an element...
I apologize for what may be a slightly misleading title. The topic for this post is something I've had on my list of things to explore for some time now, and while I wait for the n...
I know you’re busy, so for What’s !important #14, I’ll be sprinting through what’s been a stacked couple of weeks despite few browser updates. From CSS Quake to CSS Gap Decorations...
The old (testing in Safari when you don’t have Safari), the new (::checkmark), the in-between (anchor positioning but with HTML), and more. What’s !important #12: Safari Testing,...
The CSS @custom-media at-rule allows creating aliases for media queries. @custom-media originally handwritten and published with love on CSS-Tricks. You should really get the news...
If you use the amazing better-osm-org browser extension/userscript to review changesets, you are probably familiar with its default red, green, and yellow diff highlighting. While...
CSS has always had pseudo-classes that style things when baed on user interactions. Recent features, however, are blurring the line between what CSS "listens" for and how they are...
Cascading Style Sheets, or CSS (as it is commonly referred to), is a simple design language intended to simplify the process of making web pages presentable. It is a powerful tool...
Every view-transition-name on a page must be unique. The problem is that every pseudo-element selector in your CSS targets a specific name, so your animation styles explode into an...
I remember when building a simple dropdown menu or a sticky header required a library like jQuery. Later, we moved to writing Stimulus controllers or React hooks for every single t...
CSS functions, the alpha() function, Grid Lanes, some things about Dialog that you might not know, CSS Wordle, and more — this is What’s !important right now. What’s !important #1...
Whenever I find myself needing to update a previous blog post, I either correct it inline and add a small note on top, for small tweaks, or write a whole new piece for larger chang...
Use SocialBu to discover ideas, generate post drafts, and schedule them across your social channels.