CSS :has() use cases you actually use

:has() finally lets me style parents without JavaScript, and support is good now.

Container queries changed how I build card layouts — the component adapts to its slot, not the viewport.

Code:

:root { --accent: #4f7cff; }

— CSS variables made my theming life so much easier.

Would love to hear how you all handle this.

Maybe this has been discussed before, but I could not find anything recent.

I still reach for Bootstrap when a client needs to maintain it afterwards.

:has() feels like cheating compared to what we used to do.

Thanks for sharing, saved me a lot of time.

:has() feels like cheating compared to what we used to do.

I still reach for Bootstrap when a client needs to maintain it afterwards.

Interesting — I will have to try that.

:has() feels like cheating compared to what we used to do.

:has() feels like cheating compared to what we used to do.

I still reach for Bootstrap when a client needs to maintain it afterwards.

Container queries are great but I still add a media-query fallback.

I still reach for Bootstrap when a client needs to maintain it afterwards.

That has been my experience as well.