Stop Using :invalid and :valid Pseudo-Classes. Use THIS Instead! @CSSWeekly
Stop Using :invalid and :valid Pseudo-Classes. Use THIS Instead!  @CSSWeekly
Uploaded May 2026 | Updated September 2026, 2 hours ago
A quick tip showcasing why you should use :invalid and :valid CSS pseudo-classes on your input fields, and what you should to instead.

Subscribe to CSS Weekly Newsletter:
πŸ’Œ css-weekly.com

Help support my channel
β˜•οΈ Buy Me a Coffee: buymeacoffee.com/cssweekly
πŸ’– Become a member on Patreon: patreon.com/cssweekly
πŸͺ§ Buy CSS Stickers pack: stickers.css-weekly.com

Keep up-to-date with CSS Weekly:
πŸ’Ό LinkedIn: linkedin.com/in/zoranjambor
πŸ¦‹ Bluesky: https://bsky.app/profile/cssweekly.com/
🐦 Twitter: twitter.com/@cssweekly
πŸ‘¨β€πŸ’Ό Blog: zoranjambor.com
🎢 TikTok: tiktok.com/@cssweekly
πŸŽ‡ Instagram: instagram.com/cssweekly
πŸ“˜ Facebook: facebook.com/CSSWeekly

- Zoran Jambor
#css #csstricks
Stop Using :invalid and :valid Pseudo-Classes. Use THIS Instead!Master the :nth-child() Pseudo-ClassAI in Chrome DevTools?!?How To Hide Files and Folders From Visual Studio Code SidebarFix width: 100% Overflow EasilyCreate a Direction Aware Hover Effect Using CSS :has() SelectorAnimate HTML Details & Summary Elements Using Pure CSSHow to Easily Create Modern, CSS-First Forms in WordPressHow to set up a local testing server using Serve NPM package #codingShould you support Internet Explorer in 2022 and beyond?CSS4 Is Coming (Not a Clickbait)5 Things I Learned From the 2021 State of JavaScript Survey
CSS Weekly |

Stop Using :invalid and :valid Pseudo-Classes. Use THIS Instead!

SHARE TO X SHARE TO REDDIT SHARE TO FACEBOOK WALLPAPER