CSS :has() Interactive Guide

Ahmad Shadeed has done it again with a stunning interactive guide that


I’m an Ahmad Shadeed super fan, I’m not going to shy away from that. This is because Ahmad is one of the best in the biz at explaining CSS capabilities.

I’ve seen a lot of content about the new(ish) :has() pseudo-class since it arrived and while a lot of the content is good, it’s very high level.

This guide is anything but high level and the beauty of the guide is that I can now see how I can implement :has() in real world projects more clearly. The outrageous amount of interactivity and detail is applaudable too.

I’m one of those people that needs to see things in a realistic context and this guide finally clicks :has() into place for me. Sure, I’ve done a couple of cool bits with it in client work, but cool bits are going to be upgraded to core bits in the future.

I’d consider this a must read for everyone.

Check it out