title: Create a css rule for all elements except one class?
body: <p>I have a html like this: </p>
  
  <pre><code>&lt;div class="portfolio-descr"&gt;
      &lt;span class="posted-in"&gt;&lt;/span&gt;                             
      &lt;h3&gt;&lt;a href=""&gt;Name&lt;/a&gt;&lt;/h3&gt;           
      Some text &lt;!-- HIDE THIS --&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I want to hide <code>Some text</code> but not the <code>&lt;h3&gt;</code> tag, purely with CSS like this:</p>
  
  <pre><code>.portfolio-descr:not(h3) {
    display:none;
  }
  </code></pre>
  
  <p>But all the elements are hidden.</p>