title: Can we style a class inside another class in css?
body: <p>I’m practising some codepen projects , in one project they used a .class{} inside another .class{} for example-</p>
  <pre><code>Code
  
  .cube{
      width:2em;
      height:2em;
      
      .side{
          width:100%;
          height:100%;
          background:#;
      }
  }
  </code></pre>
  <p>Seemed to work fine for them.  It doesn’t work for me , exact same text editor , exact same code . What is happening ?</p>
  <p>And also , what is the above mentioned thing called ? And how does it work ?</p>