diff --git a/snippets/reset-all-styles.md b/snippets/reset-all-styles.md new file mode 100644 index 000000000..863635845 --- /dev/null +++ b/snippets/reset-all-styles.md @@ -0,0 +1,45 @@ +### Reset all styles + +Reset all styles to default values with one css property. + +#### 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-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?

+
+
+ + + +#### 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. + +* https://caniuse.com/#feat=css-all \ No newline at end of file