5 useful yet underused 👾 CSS rules

Enable smooth, controlled scrolling by "snapping" elements into view on scroll.

Keeps elements like images responsive while maintaining their aspect ratio.

Creates a new stacking context, helping with layer control in complex layouts.

Resets all styles on an element, great for predictable component design.

Styles multiple selectors without adding specificity, ideal for reusable styles.

Comments

[Tomas Stveracek]

Great article! For those looking for more tips, I wrote a similar article with modern CSS tricks: Modern CSS Tips & Tricks. Keep up the good work!

[Sujan Sundareswaran]

I’ve always wanted to use the :where selector, and this gave me a nice use-case. Thanks!

[Jackie Yio Hex 🍥]

Honestly I used it maybe once or twice in real case scenario. It's very niche

[Nazmul Alok]

Keep posting like this, Jackie.
Thanks!

[Jackie Yio Hex 🍥]

thank you. i will

[Muhammad Nour]

Thanks, v helpful Information.

[纪旭越]

it‘s so good 聚合搜

[Jackie Yio Hex 🍥]

thank you i will post more like this

[Md Nazmus Sakib]

very informative

[Jackie Yio Hex 🍥]

thank you

[Kaustubh Joshi]

Good Information. I will try these in my code. Thanks!

[Jackie Yio Hex 🍥]

i will bring more examples soon

[Jackie Yio Hex 🍥]

part 2 incoming ✨

[Viswanath R]

Thanks for sharing !!

[Ahmed Salem]

thank you

[Jackie Yio Hex 🍥]

you're welcome :)