less Parent selectors

30% OFF - 9th Anniversary discount on Entity Framework Extensions until December 15 with code: ZZZANNIVERSARY9

Remarks

As at the time of writing (Aug '16), parent selector (&) always refers to the full parent selector chain right till the top most level. It cannot be used to select just the immediate parent or the root most ancestor alone.

That is, in the below code &#type1 would resolve to #demo-container .content#type1 and not just .content or just #demo-container.

 #demo-container {
  padding: 4px;
  border: 1px solid gray;
  #heading {
    padding: 4px;
    font-size: 20px;
  }
  .content {
    padding: 2px;
    font-size: 18px;
    &#type1 {
      color: chocolate;
    }
  }
} 


Got any less Question?