less - LESS: 複数のセレクターを使用してコード記述を最適化する方法

Question

私は LESS CSS を使用していますが、次のような状況があります。LESS コードをさらに最適化する方法があれば教えていただけますか?

ご覧のとおり、オブジェクト間でプロパティを共有する多くのオブジェクトがありますが、それぞれに固有のカスタマイズもあります。

ありがとうございました

footer a
{
  font-weight:bold;

    &#acme, 
    &#email_footer, 
    &#browser_ok, 
    &#browser_old
    {
      display:inline-block;
      position:relative;
      white-space:nowrap;
      background:url('footer_items.png') no-repeat;
      text-align:left;
      text-indent:-9999px;
      border:none;
    }

    &#acme
    {
      width:130px;
      height:25px;
      top:1px;
      background-position:-90px 0;

        &:hover
        {
          background-position:-90px -25px;
        }

        &:active
        {
          top:0px;
        }
    }

    &#email_footer,
    &#browser_ok,
    &#browser_old
    {
      width:38px;
      height:31px;
      top:-3px;
    }


    &#email_footer
    {
      background-position:-230px 0;

        &:hover
        {
          background-position:-230px -31px;
        }

        &:active
        {
          top:-2px;
        }
    }

    &#browser_ok,
    &#browser_old
    {
      background-position:0 -2px;

        &:active
        {
          top:-2px;
        }
    }

    &#browser_ok
    {
      background-position:0 -2px;

        &:hover
        {
          background-position:0 -35px;
        }
    }

    &#browser_old
    {
      background-position:-45px -2px;

        &:hover
        {
          background-position:-45px -35px;
        }
    }
}