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;
}

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;
}

Note that it is unsupported in IE.

10 Best Practices for Quickly Improving Your CSSBuilding scalable and manageable stylesheetsCSS has its own nuances that can make or break your design. Here are 10 tips for CSS :  best practices that can help you bring out the best from your styles.Learn More

Get access to 300+ webtips 💌

Level up your skills and master the art of frontend development with bite-sized tutorials.

We don't spam. Unsubscribe anytime.

Get Access to Webtips

---

Resources:

• The all property in CSS