web-dev-qa-db-ja.com

親がLESSを使用してクラスを持っているかどうかを確認する

シナリオ例：ユーザーがJavaScriptを有効にしている場合、サブナビゲーションメニューを非表示にして、ナビゲーション階層のさらに上のナビゲーションリンクをクリックすると表示されるようにします。 javascriptが有効になっている場合、Modernizrはhtmlタグにクラス「js」を追加して、それを検出に使用できるようにします。

SASSでは、次のようなことができます。

div.subnav{

   display: block;

   html.js & {
      display: none;
   }

}

これはLESSを使用して実行できますか？別のルール内から親をターゲティングできますか？

csssassless
25
Adam Waite

これはLESSを使用して実行できますか？

はい。

あなたが提供したコードはLESSで動作します。 & combinatorは同じように機能します 。

最後に、以下のために生成されたセレクター：

div.subnav {
    ...
    html.js & {
        ...
    }
}

になります：

div.subnav {
    ...
}

html.js div.subnav {
    ...
}
53
zzzzBov