Why does component sass sometimes not work but global does?


the title says it all. I just tried to style a slider. Since the slider is situated in a page component, I tried to set the styles there in the component which didn’t work. After I read somewhere on the web that this might work, I put it into the global.scss and now it worked.

But I have absolutely no idea why this is?? Where is the difference here?

Can someone help me out here?

Thanks in advance.