Question

i must set styles within other styles from a page that have a style like this:

* {
width : 200px;
color : #0000;
}

and it applies styles to all tags include my own.
Is there a way to avoid those styles with asterisks and that my owns are not changed to taht styles?

I’ve set inline styles in my tags, but the asterisk change it anyways.

Thanks.

Answer 1

Use more specific selectors to overwrite the existing one. Or you can put your stuff in a div with a class and reset CSS for everything inside that div.

.yourstuff * {
  /* reset your stuff here */
  Width: auto; /* etc. */
}

<div class="yourstuff">
  Your stuff
</div>