One of my most-used utility class is "reset". Default styles are great, but they often get in the way, so I'll throw this on an element whenever I want to start

One of my most-used utility class is "reset". Default styles are great, but they often get in the way, so I'll throw this on an element whenever I want to start from a blank slate, alongside other utility classes or a custom class. This can significantly cut down on the length of my CSS files, as well as make them much less brittle and less dependent on the HTML structure, because I don't need to repeatedly undo default styles in every rule I write. My scoped CSS files are typically under 100 lines, even for somewhat complicated things. .reset { display: inline; appearance: none; font: inherit; border: none; border-radius: 0; margin: 0; padding: 0; color: inherit; background: none; list-style: none; text-align: inherit; user-select: inherit; } This is defined first in my CSS index file, so that any other classes will override it. (Note that there's probably a better way of writing this rule. This is just something that evolved organically.)