Override external css class added by external script in Astro and Tailwind

I am using Astro and Tailwind CSS.

From an Astro component an external script is added which create some HTML dom elements (and its styling).

// MyComponent.astro
<script is:inline src={import.meta.env.PUBLIC_MY_SCRIPT}></script>

In the dom it renders like:

<div class"my-ui-uicontainer">
// More code..
</div>

I need to override the applied styling of .my-ui-uicontainer.

What is the best way to do this with Astro and Tailwind css?

You need to sign in to view this answers