How to style UI components from within a svelte component?

[seanparko]

Hello,
I'm very new to svelteKit and stuff. My problem is that I refuse to use tailwind, and I want to be able to style the components from within a svelte component instead of a global CSS sheet. When you use something like [data-accordian-root] in a svelte component's style tag, svelteKit ignores it. I know I could add a custom class each time I want to style an element, but thats a real pain in the ass. I thought the whole point of svelte was to have individual components with localised style, having a global CSS sheet defeats that purpose and makes it hard to reuse components with different styles. Have I read the docs wrong, am I missing something??

[taurean]

@seanparko were you able to find an answer to this?