Syntax - Tasty Web Development Treats
Syntax - Tasty Web Development Treats
Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers
910: If Statements in CSS?
24 minutes Posted Jun 11, 2025 at 11:00 am.
Welcome to Syntax!
Brought to you by Sentry.io
CSS If statements in action
Advanced examples and the attribute function
Mixing If statements with media queries
Can’t this be done with classes?
The future of CSS: declarative APIs
Is CSS now a programming language?
0:00
24:38
Download MP3
Show notes
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
CSS if() functions & reading-flow (in Chrome 137)
CodePen - If with style without attr
09:08 Advanced examples and the attribute function
CodePen - CSS If() Themes
13:43 Mixing If statements with media queries
CodePen - CSS If() Mixed Logic
16:54 Can’t this be done with classes?
18:16 The future of CSS: declarative APIs
CSS Battle LIVE! in Denver | Switch Edition
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
Scott: X Instagram Tiktok LinkedIn Threads
Randy: X Instagram YouTube Threads