andre/30-seconds-of-code
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
Files
768677dbc52b2abd189143798c3b20565bd0f270
30-seconds-of-code/snippets/reset-all-styles.md
Mattia Astorino 768677dbc5 feat: Add rese-all-styles snippet
2018-02-28 20:51:36 +01:00

1.1 KiB
Raw Blame History

Reset all styles

Reset all styles to default values with one css property.

HTML

<div class="reset-style">
  <h4>Title</h4>
  <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Iure id exercitationem nulla qui repellat laborum vitae, molestias tempora velit natus. Quas, assumenda nisi. Quisquam enim qui iure, consequatur velit sit?</p>
</div>

CSS

.reset-style {
  all: initial;
}

Demo

Title

Lorem ipsum dolor sit amet consectetur adipisicing elit. Iure id exercitationem nulla qui repellat laborum vitae, molestias tempora velit natus. Quas, assumenda nisi. Quisquam enim qui iure, consequatur velit sit?

<style> .snippet-demo__reset-all-styles { all: initial; } </style>

Explanation

The all css property allows you to reset all styles (inherited or not) to default values.

Browser support

⚠️ MS Edge status is under consideration.