How to Remove Every CSS Rule From an Element

Ferenc Almasi • 2020 November 04 • 📖 1 min read

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

Building scalable and manageable stylesheets

CSS 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.

Resources:

The all property in CSS

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

Courses

The Complete JavaScript Course 2021: From Zero to Expert!

The modern JavaScript course for everyone! Master JavaScript with projects, challenges and theory. Many courses in one!

Jonas Schmedtmann

React - The Complete Guide (including Hooks, React Router, Redux)

Dive in and learn React.js from scratch! Learn Reactjs, Hooks, Redux, React Routing, Animations, Next.js and way more!

Maximilian Schwarzmüller

The Complete Web Developer in 2021: Zero to Mastery

Learn to code and become a Web Developer in 2021 with HTML, CSS, Javascript, React, Node.js, Machine Learning & more!

Andrei Neagoie