title: Accessing nested css class from html template in Angular
body: <p>How can I access a nested css class from my template ?</p>
  <pre><code>.class1{
  ***************************
  .class2{
  }
  }
  </code></pre>
  <p>In my template I try to do the following:</p>
  <pre><code>&lt;div [class.class1.class2] = &quot;show === false&quot;&gt;
  </code></pre>
  <p>But this does'not work. Does anybody have a solution?</p>