CSS is yet to have a switch rule or conditional if, aside from the specific nature of @media queries and some deep trickery with CSS custom properties. Let’s have a look at why it would be useful if we …
The post CSS Switch-Case Conditions appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
Login to add comment
Other posts in this group
![Make Any File a Template Using This Hidden macOS Tool](https://www.cdn5.niftycent.com/a/e/a/a/Q/n/y/make-any-file-a-template-using-this-hidden-macos-tool.webp)
Stationery Pad is a handy way to nix a step in your workflow if you regularly use document templates on your Mac. The long-standing Finder feature essentially tells a file’s parent application to o
![Organizing Design System Component Patterns With CSS Cascade Layers](https://www.cdn5.niftycent.com/a/e/a/a/Q/Y/y/organizing-design-system-component-patterns-with-css-cascade-layers.webp)
I enjoy organizing code and find cascade layers a fantastic way to organize code explicitly as the cascade looks at it. The neat part is, that as much as it helps with "top-level" organization, cas
![Container query units: cqi and cqb](https://www.cdn5.niftycent.com/a/1/G/w/5/P/0/container-query-units-cqi-and-cqb.webp)
A little gem from Kevin Powell's "HTML & CSS Tip of the Week" website, reminding us that using container queries opens up container query units for sizing things based on the size of the queried co
![Baseline Status in a WordPress Block](https://www.cdn5.niftycent.com/a/k/Q/r/2/L/A/baseline-status-in-a-wordpress-block.webp)
![Compiling CSS With Vite and Lightning CSS](https://www.cdn5.niftycent.com/a/D/v/v/l/p/E/compiling-css-with-vite-and-lightning-css.webp)
Are partials the only thing keeping you writing CSS in Sass? With a little configuration, it's possible to compile partial CSS files without a Sass dependency. Ryan Trimble has the details.
<hr
![Keeping the page interactive while a View Transition is running](https://www.cdn5.niftycent.com/a/k/M/r/7/j/V/keeping-the-page-interactive-while-a-view-transition-is-running.webp)
When using View Transitions you’ll notice the page becomes unresponsive to clicks while a View Transition is running
![Chrome 133 Goodies](https://www.cdn5.niftycent.com/a/1/0/B/z/a/Z/chrome-133-goodies.webp)
Did you see the release notes for Chrome 133? It's currently in beta, but the Chrome team has been publishing a slew of new articles with pretty incredible demos that are tough to ignore. I figured