title: Parent <span> style not applied to child <p>
body: <p>If I have </p>
  
  <pre><code>&lt;span style='display:none'&gt;
      &lt;p&gt;this is some stuff&lt;/p&gt;
      &lt;p&gt;more stuff&lt;/p&gt;
  &lt;/span&gt; 
  </code></pre>
  
  <p>my nested <code>&lt;p&gt;</code> tags are hidden as I would have expected.   The moment I add a <code>&lt;p&gt;</code> as a parent</p>
  
  <pre><code>&lt;p&gt;Some stuff
      &lt;span style='display:none'&gt;
          &lt;p&gt;this is some stuff&lt;/p&gt;
          &lt;p&gt;more stuff&lt;/p&gt;
      &lt;/span&gt;  
  &lt;/p&gt;
  </code></pre>
  
  <p>The nested <code>&lt;p&gt;</code> tags are no longer hidden.   While I can change the <code>&lt;p&gt;</code> to a <code>&lt;div&gt;</code> to get it to work, I don't understand <strong><em>why</em></strong> the former fails.</p>
  
  <p>The above is a boiled down version of my actual markup.  Changing to a <code>&lt;div&gt;</code> means reworking a lot so I'd like to find a way to use the <code>&lt;p&gt;</code> (or at least understand the rationale).</p>
  
  <p>Thanks in advance</p>