overwrite the css property
<p>I have 2 parent div view 1 and 2. and want to hide the second view but display decription of 2nd view.</p>

<p>desired output is: 
   <strong>title<br>
   sample description1<br>
   sample description2</strong></p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-css lang-css prettyprint-override"><code>.view2{
  display:none;
}
.view2 .desc{
  display:block !important;
}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="view1"&gt;
  &lt;div class="title"&gt;
  &lt;p&gt;Hello&lt;/p&gt;
  &lt;/div&gt;
  &lt;div class="desc"&gt; sample description1&lt;/div&gt;
&lt;/div&gt;
&lt;div class="view2"&gt;
  &lt;div class="title"&gt;
  &lt;p&gt;Hello&lt;/p&gt;
  &lt;/div&gt;
  &lt;div class="desc"&gt; sample description2&lt;/div&gt;
&lt;/div&gt;</code></pre>
</div>
</div>
</p>