30-seconds-of-code/reset-all-styles.md at 11eff23e47b0cf8b0af706090127ebf3685ace3f

Files

atomiks 11eff23e47 Autoscoping (#103 )

* Add autoscoping with generated demo

* Remove manual demo from all snippets

* Add JavaScript inside IIFE

* Align mouse-cursor-gradient-tracking.md to demo code

* Match snippets to demo

* Update CONTRIBUTING.md

* Create reusable function for code extraction

2018-10-05 09:18:51 +10:00

793 B

Raw Blame History

Reset all styles

Resets all styles to default values with one property. This will not affect direction and unicode-bidi properties.

HTML

<div class="reset-all-styles">
  <h5>Title</h5>
  <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-all-styles {
  all: initial;
}

Demo

Explanation

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

Browser support

⚠️ MS Edge status is under consideration.

https://caniuse.com/#feat=css-all

793 B Raw Blame History