title: Display HTML child element when parent element is display:none
body: <p>Is there any mechanism to display a child element when its parent element is display: none?</p>
  
  <p>The situation is a validation error on a hidden tab. I want to surface the error message, even though the field is hidden.</p>
  
  <p>A really simplified JSFiddle of the situation is here <a href="http://jsfiddle.net/vLYnk/">http://jsfiddle.net/vLYnk/</a></p>
  
  <p>Markup:</p>
  
  <pre><code>&lt;ul&gt;
      &lt;li&gt;One&lt;/li&gt;
      &lt;li class="hide"&gt;
          Two
          &lt;ul&gt;
              &lt;li class="reshow"&gt;Re Show Me&lt;/li&gt;
              &lt;li&gt;Inner 2&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/li&gt;
      &lt;li&gt;Three&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>.hide {display: none}
  .reshow {display: block !important; position: fixed; top: 0; left: 0;}
  </code></pre>
  
  <p>I'm guessing this is impossible as the child would have no context, but just in case???</p>