Select All Elements Inside the UI using CSS

Hi! I am trying to use a JS in my Sanity Backend.Whivh is the best option to include a small script like this for example?
Thanks

What are you trying to do?

I need to select all ellements inside [data-ui=“Grid”] and add to them a custom class for example

For styling purposes or?

yes

i need to hide some items.

Have you tried following this document: https://www.sanity.io/docs/styling ?

yes , but I cant hide it with CSS. Need JS to do it 🙂

Oh, how come?

I need to hide those divs that have no child inside. Is it posible to do it with CSS?

Sure, with the

:empty

pseudo-class.

Thank you!!

Hi , I am trying to change the CSS from this div. But it is not working, any idea?

Did you import the stylesheet and everything as per the guide?

yes

Have you restarted your server?

I would also not rely on mangled classes (like

dINwnn

) since they’ll change with each deployment.

ohh, and how can I change the css only to this div? 😇

You could use

:last-child

maybe?

Don't be afraid to use the heck out of descendant selectors as well -- there are so many UI component containers I had to write a chain of six of them just to get the right "path" for my custom CSS.