title: Convert LESS nested CSS to standard CSS
body: <p>I need help trying to convert this LESS nested CSS to standard CSS. Can anybody help?</p>
  
  <pre><code>.leftNav {
      a.TopLevel {
          float:none;
      }
  
      ul#topnav {
          &gt; li {
              float:none;
              height: 2em;
              margin: 2px;
              background-color: rgb(1,64,117);
              border: 1px solid rgb(1,64,117);
  
                  color: #fff;
              border-radius: 3px;
                  -webkit-border-radius: 3px;
                  -moz-border-radius: 3px;
                  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.03, rgb(30,94,147)),  color-stop(0.99, rgb(1,64,117)) );
              background: -moz-linear-gradient(center top,  rgb(30,94,147) 3%, rgb(1,64,117) 99% );
          }
  
          &gt; li .sub {
              left:120px;
              top: 0px;
          }
  
          &gt; li &gt; h2 &gt; a {
              color: #fff;
          }
  
          &gt; li:hover &gt; h2 &gt; a, &gt; li &gt; h2 &gt; a:hover, li &gt; h2 &gt; a:focus, a.TopLevel.active, a.TopLevel.active:hover {
              background-position: top left;
              color: #bbb;
          }
  
          li:hover {
  
          }
      }
  
      #topNavContainer {
          position:absolute;
          left: 17px;
          top: 100px;
      }
  
      .headertable, .wrapper {
          margin-left: 120px;
      }
  }
  </code></pre>