title: With CSS, how do I hide all child elements except the first classless div that contains a child with a specific class?
body: <p>I have this HTML setup:</p>
  
  <pre><code>&lt;div class="main"&gt;
    &lt;div&gt;
      &lt;div class="image"&gt;&lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="text"&gt;&lt;/div&gt;
    &lt;div class="text"&gt;&lt;/div&gt;
    &lt;div&gt;
      &lt;div class="image"&gt;&lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>With CSS, is it possible to hide all of the child elements of ".main" except the first classless div that contains the ".image" class div?</p>