1

いずれかがあります？

lessに切り替えた後、通常は次のようなコードになります。

.topNav{    
  prop: value;
  ...

  li{    
    prop: value;
    ...

    &:hover{
      ...
    }

    &.active{
      prop: value;
      ...

      a{
        prop: value;
        ...

        &:hover{
          prop: value;
          ...

          span{
            ...
          }
        }

        span{
         ...
        }

      } 

    }

    a{
      prop: value;
      ...

      &:hover{
        prop: value;
        ...
      }    

    }  

  }

}

悪いですか？

4

1 に答える 1

7

理想的ではないと言えます。http://smacss.comをチェックしてください-- CSS 組織に関するすばらしい本です。それはあまり具体的ではありませんが、まだ非常に関連性があります。

原則の 1 つは、選択の深さと関係があります。上記のLESSの一部は.topNav li.active a:hover span、少し深くなり始めています（少なくとも4つに加えて、リストされているものの間の階層に存在する要素）。これに関する問題は、CSS を特定の HTML 構造に密結合させていたことです。CSS を壊さずに後でマークアップを変更するのが難しくなります。

LESS は多くの優れたツールを提供しますが、私の意見では、セレクターをネストする機能は悪用されやすいものです。

于 2013-02-15T11:30:17.490 に答える