title: Hide parent, but show child div with css
body: <p>The question is simple, here is the example that is not working:</p>
  <pre><code>&lt;style&gt;
      .parent {display: none;}
      .child_2 {display: block;}
  &lt;/style&gt;
  
  &lt;div class = &quot;parent&quot;&gt;
      &lt;div class = &quot;child_1&quot;&gt;...&lt;/div&gt;
      &lt;div class = &quot;child_2&quot;&gt;...&lt;/div&gt;
      &lt;div class = &quot;child_3&quot;&gt;...&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>