ent-01&quot; class=&quot;tab-content p-20&quot;&gt;Tab 01 Content&lt;/div&gt;
    &lt;div id=&quot;tab-content-02&quot; class=&quot;tab-content p-20&quot;&gt;Tab 02 Content&lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;
</code></pre>
<div class="demo-header">LESS</div>
<pre><code class="language-less">// tab demo
.tab-demo {
  .tab-content-wrap {
    .tab-content {
      display: none;
    }
  }

    // show #tab-content-01 when #tab-contentdemo01 is checked
  #tab-contentdemo01:checked ~ .tab-content-wrap #tab-co