css - How to style svelte material ui components

Question

I'm experimenting with svelte and svelte material ui and I'm trying to figure out how I can use css to style the material UI elements.

For example if I have a List component and provide a ul style in the style block, I get a warning that the ul is unused. If I try to specify css for List or .mdc-list, a class on the generated element, it still has no effect.

<style>
 List { blah }
 or
 .mdc-list { blah }
 or
  .mylist { blah }
</style>

<List class="mylist">
...
</List>

All of these result in an unused warning and have no effect. I have worked around this by styling a containing element, but I'm not sure that will always let me do what I want. Maybe this is by design, though?

question from:https://stackoverflow.com/questions/65920281/how-to-style-svelte-material-ui-components

Answer 1

Waitting for answers