How to Remove Every CSS Rule From an Element

If you want to reset all previously applied stylings to an element, you can use this one single CSS property:

.reset {
    all: unset;
}
reset.css
Copied to clipboard!

This will reset all CSS properties expect unicode-bidi, direction, and custom properties. This is done by setting their values to initial or inherited. It can take the following values:

.reset {
    all: initial;
    all: inherit;
    all: unset;
}
reset.css
Copied to clipboard!

Note that it is unsupported in IE.

How to remove all css rules from an element
If you would like to see more Webtips, follow @flowforfrank

10 Best Practices for Quickly Improving Your CSS

Resources:

Remove ads
Remove ads

📚 Get access to exclusive content

Want to get access to exclusive content? Support webtips with the price of a coffee to get access to tips, checklists, cheatsheets, and much more. ☕

Get access Support us
Remove ads Read more on
Remove ads
Remove ads
🎉 Thank you for subscribing to our newsletter. x This site uses cookies We use cookies to understand visitors and create a better experience for you. By clicking on "Accept", you accept its use. To find out more, please see our privacy policy.