title: How to specify a html tag on a LESS CSS nested class?
body: <p>I have a class used on an <code>article</code> and a <code>section</code> HTML5 tag.</p>
  
  <p>On the home:</p>
  
  <pre><code>&lt;article class="exit"&gt;
      &lt;a href="exit.php"&gt;
          &lt;figure class="box"&gt;
              &lt;img src="assets/img/projects/exit-m.jpg" alt=""&gt;
              &lt;figcaption&gt;…&lt;/figcaption&gt;
          &lt;/figure&gt;
      &lt;/a&gt;
  &lt;/article&gt;
  </code></pre>
  
  <p>On the project page:</p>
  
  <pre><code>&lt;section class="page project exit"&gt;
      &lt;div class="corner nw intro"&gt;
          &lt;figure class="box"&gt;
              &lt;img src="assets/img/projects/exit.jpg" alt=""&gt;
              &lt;figcaption&gt;…&lt;/figcaption&gt;
          &lt;/figure&gt;
     &lt;/div&gt;
     …
  </code></pre>
  
  <p>Each elements with the class <strong>exit</strong> have a <code>figure</code> HTML5 element inside. With Less, I use this code to do what I want.</p>
  
  <pre><code>article.exit{width:260px; height:200px; top:315px; left:505px;
      figure{background-color:@exit-bg;}
      .box:hover{.perspective-box(se, 10, @exit-shadow);}
  }
  section.exit{
      .box:hover{.perspective-box(nw, 10, @exit-shadow);}
      .intro figcaption:hover{background:@exit-hover;}
  }
  </code></pre>
  
  <p>But I have to specify if it's an <code>article</code> or a <code>section</code>! I have a lot of classes like that and it's a little annoying…</p>
  
  <p>Is there a solution to do something like this? It will be very cool…</p>
  
  <pre><code>.exit{
      &amp;article{
          width:260px; height:200px; top:315px; left:505px;
          figure{background-color:@exit-bg;}
          .box:hover{.perspective-box(se, 10, @exit-shadow);}
      }
      &amp;section{
          .box:hover{.perspective-box(nw, 10, @exit-shadow);}
          .intro figcaption:hover{background:@exit-hover;}
      }
  }
  </code></pre>