HTML-CSS: Reset all styles

HTML-CSS : Exercise-41 with Solution

Using HTML, CSS resets all styles to default values using only one property.

  • Use the all property to reset all styles (inherited or not) to their default values.
  • Note: This will not affect direction and unicode-bidi properties.

HTML Code:

<!--License: https://bit.ly/3GjrtVF-->
<!DOCTYPE html>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>Using HTML, CSS resets all styles to default values using only one property</title>
<div class="reset-all-styles">
    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 Code:

.reset-all-styles {
  all: initial;

HTML-CSS Editor:

See the Pen html-css-practical-exercises by w3resource (@w3resource) on CodePen.

What is the difficulty level of this exercise?

Test your Programming skills with w3resource's quiz.

Follow us on Facebook and Twitter for latest update.

HTML-CSS: Tips of the Day

How to remove underline from a name on hover?

try this:

legend.green-color a:hover{
    text-decoration: none;

Ref: https://bit.ly/3AS7NJ2


We are closing our Disqus commenting system for some maintenanace issues. You may write to us at reach[at]yahoo[dot]com or visit us at Facebook