title: Is there a way to hide all divs inside of a parent div/container by adding an inline style to parent?
body: <p>I am trying to figure out if it is possible to hide all child divs inside of a parent container by adding an inline style to the parent div. I have tried both <code>visibility: hidden;</code> and <code>display: none;</code> Neither one seem to hide the child divs. I was thinking I could just use some jquery to loop through all child divs and add an inline style to each one, although I figure there must be a way that works.</p>
  
  <p>Here is an example:</p>
  
  <p><strong><code>CSS</code></strong></p>
  
  <pre><code>  .hero-content {
        text-align: center;
        height: 650px;
        padding: 80px 0 0 0;
      }
  
      .title, .description {
        position: relative;
        z-index: 2
      }
  </code></pre>
  
  <p><strong><code>HTML</code></strong></p>
  
  <pre><code>&lt;div class="hero-content"&gt;
     &lt;div class="title"&gt; This is a title &lt;/div&gt;  
     &lt;div class="description"&gt; This is a description&lt;/div&gt;  
  &lt;/div&gt;
  </code></pre>