πŸ’‘ This page contain affiliate links. By making a purchase through them, we may earn a commission at no extra cost to you.
How to Remove Every CSS Rule From an Element

How to Remove Every CSS Rule From an Element

Ferenc Almasi β€’ 2020 November 04 β€’ Read time 1 min read
  • twitter
  • facebook
CSS

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

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

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:

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

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:

  • twitter
  • facebook
CSS
Did you find this page helpful?
πŸ“š More Webtips
Frontend Course Dashboard
Master the Art of Frontend
  • check Access 100+ interactive lessons
  • check Unlimited access to hundreds of tutorials
  • check Prepare for technical interviews
Become a Pro

Courses

Recommended

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.