Use unset Instead of Resetting All Properties

When resetting an element’s properties, it’s not necessary to reset each individual property:

  1. button {
  2.   background: none;
  3.   border: none;
  4.   color: inherit;
  5.   font: inherit;
  6.   outline: none;
  7.   padding: 0;
  8. }

You can specify all of an element’s properties using the all shorthand. Setting the value to unset changes an element’s properties to their initial values:

  1. button {
  2.   all: unset;
  3. }

Note: the all and unset shorthand isn’t supported in IE11.