Files
30-seconds-of-code/snippets/reset-all-styles.md
30secondsofcode 983bc086c1 Travis build: 407
2019-08-26 10:03:49 +00:00

34 lines
780 B
Markdown

---
title: Reset all styles
tags: visual
---
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;
}
```
#### Explanation
- The `all` property allows you to reset all styles (inherited or not) to default values.
#### Browser support
<span class="snippet__support-note">⚠️ MS Edge status is under consideration.</span>
- https://caniuse.com/#feat=css-all