title: What is the difference between the initial and unset values?
body: <p>A simple example:</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;p style="color:red!important"&gt; 
      this text is red 
      &lt;em&gt; 
         this text is in the initial color (e.g. black)
      &lt;/em&gt;
      this is red again
  &lt;/p&gt;
  </code></pre>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>em {
      color:initial;
      color:unset;
  }
  </code></pre>
  
  <p>What is the difference between <code>initial</code> and <code>unset</code>? Only supports browsers </p>
  
  <p><a href="http://caniuse.com/css-unset-value" rel="noreferrer">CanIUse: CSS unset value</a></p>
  
  <p><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/initial" rel="noreferrer">Developer Mozilla Web CSS initial</a></p>