css - less プリプロセッサを使用して、2 つの div を次々に使用してさまざまなスタイルを処理するにはどうすればよいですか?

Question

私は次のHTMLを持っています:

<div class="float-left inline orderby">
   <div class="arrow up" style="margin-bottom: 2px; margin-left: 2px"></div>
   <div class="arrow down" style="margin-left: 2px;"></div>
   <input type="checkbox" data-ng-model="inverse" style="margin-left: 0px; margin-right: 10px;">
</div>

CSS の作成に少ないプリプロセッサを使用しようとしています。

less を使用して CSS を作成し、この例からスタイルを削除するにはどうすればよいですか。特に、1st と 2nd DIV の違いをどのように処理すればよいかわかりません。

Answer 1

インライン スタイルを削除したいということですか。

.orderby .arrow, .orderby input {
    margin: 0;

    &.up {
        /* styles for first div */
    }

    &.down {
        /* styles for second div */
    }
}