diff --git a/snippets/reset-all-styles.md b/snippets/reset-all-styles.md new file mode 100644 index 000000000..f28abdc9a --- /dev/null +++ b/snippets/reset-all-styles.md @@ -0,0 +1,45 @@ +### Reset all styles + +Resets all styles to default values with one property. This will not affect `direction` and `unicode-bidi` properties. + +#### HTML + +```html +
+

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?

+
+``` + +#### CSS + +```css +.reset-all-styles { + 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?

+
+
+ + + +#### 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