title: What does "&" do in LESS CSS?
body: <p>Trying to figure out what the <code>&amp;</code> does in the below code?</p>
  
  <pre><code>  .controls-container  {
          .flex-control-nav  {
              li a  {
                  &amp;.flex-active  {
                      filter: none;
                      background: @color_links!important;
                  }
              }
          }
      }
  </code></pre>
  
  <p>I know you can do something like <code>&amp;:hover</code>, but not familiar with showing a class right after it?</p>