Even without Svelte, most of the problems people have with CSS go away if you do the following:

- Avoid cascading (i.e. no nested selectors except when there's "no other way")

- Implement separate selectors for styling and page/component layout (separation of concerns)

- Using a good naming convention and stick with it

The first point can also be achieved with using style attributes if that floats your boat, although Svelte kind of gives you the best of both worlds just by compartmentalizing the CSS, not necessarily by preventing cascading.

I can't remember the last time I ever had to use !important except when I had to work with some ridiculous CSS "framework" my predecessors chose to use. At least !important was understandable back in the days when it was really hard to achieve some things with CSS, but these days I believe there's little to no excuse.