title: Cancel a CSS declaration
body: <p>Is it possible to have a CSS rule which basically "undoes" a prior rule?</p>
  
  <p>An example:</p>
  
  <pre><code>&lt;blockquote&gt;
      some text &lt;em&gt;more text&lt;/em&gt; other text
  &lt;/blockquote&gt;
  </code></pre>
  
  <p>and let's say there's this CSS:</p>
  
  <pre><code>blockquote {
      color: red;
  }
  </code></pre>
  
  <p>...but I want the <code>&lt;em&gt;</code> to remain the normal text color (which you may not necessarily know).</p>
  
  <p>Basically, would there be a way to do something like this?</p>
  
  <pre><code>blockquote em {
      color: inherit-from-blockquote's-parent
  }
  </code></pre>
  
  <hr>
  
  <p>Edit: The code I'm actually trying to get this to work on is actually a bit more complicated. Maybe this would explain it better:</p>
  
  <pre><code>This text should be *some unknown colour*
  &lt;ul&gt;
      &lt;li&gt;This text should be BLUE
          &lt;ul&gt;
              &lt;li&gt;Same as outside the UL&lt;/li&gt;
              &lt;li&gt;Same as outside the UL&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/li&gt;
  &lt;/ul&gt;
  
  ul {
      color: blue;
  }
  ul ul {
      color: ???;
  }
  </code></pre>