title: How to hide parent div keeping child div visible in HTML, CSS?
body: <p>While working on my HTML page, I came across a scenario where I have two div elements (lets say parent and child).</p>
  
  <p>Now the case is, I want to hide parent div but display only child div of it. If I hide parent div and make child div visible, it will not work because child is inside parent div.</p>
  
  <p>I can hide all child elements except those which I want to show. But is there any other solution for it?</p>
  
  <p>Can I use id selector for child div and do something like nesting that id selector with parent div class?</p>
  
  <pre><code>  parent class:
  
    .KPIDashboardContainerInertiaMatrix{
        height: 175px;
        margin: 0px auto;
        color: #005686;
    }   
  
    child class:
  
    .KPIDashBoardContainerInertiaMatrixTable{
        display: table;
        border: "0";
        border-spacing: "0";
    }
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/iKL9e.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/iKL9e.png" alt="parent child div display"></a></p>
  
  <p>Please give some suggestions on this.</p>