910: If Statements in CSS?
Wes and Scott talk about the new If statements in CSS, breaking down how they work, why they matter, and when to use them. They explore use cases, syntax quirks, and how this feature pushes CSS closer to true conditional logic—no JavaScript required.Show Notes00:00 Welcome to Syntax!01:30 Brought to you by Sentry.io02:37 CSS If statements in actionCSS if() functions & reading-flow (in Chrome 137)CodePen - If with style without attr09:08 Advanced examples and the attribute functionCodePen - CSS If() Themes13:43 Mixing If statements with media queriesCodePen - CSS If() Mixed Logic16:54 Can’t this be done with classes?18:16 The future of CSS: declarative APIsCSS Battle LIVE! in Denver | Switch Edition21:10 Is CSS now a programming language?Hit us up on Socials!Syntax: X Instagram Tiktok LinkedIn ThreadsWes: X Instagram Tiktok LinkedIn ThreadsScott: X Instagram Tiktok LinkedIn ThreadsRandy: X Instagram YouTube Threads.
Wes and Scott talk about the new If statements in CSS, breaking down how they work, why they matter, and when to use them. They explore use cases, syntax quirks, and how this feature pushes CSS closer to true conditional logic—no JavaScript required.
Show Notes
- 00:00 Welcome to Syntax!
- 01:30 Brought to you by Sentry.io
- 02:37 CSS If statements in action
- 09:08 Advanced examples and the attribute function
- 13:43 Mixing If statements with media queries
- 16:54 Can’t this be done with classes?
- 18:16 The future of CSS: declarative APIs
- 21:10 Is CSS now a programming language?
Hit us up on Socials!
Syntax: X Instagram Tiktok LinkedIn Threads
Wes: X Instagram Tiktok LinkedIn Threads