javascript - LESSを使用したCSS n番目の子の調整?

Question

クラスによって決定されるデフォルトおよびアクティブな状態のリストがあるとしましょう。例:

<li class="item">
    item1
</li>
<li class="item active">
    item2 active
</li>
<li class="item active">
    item3 active
</li>
<li class="item">
    item4
</li>

アクティブなアイテムがリスト内で隣り合っているかどうかに基づいて、いくつかのスタイルを追加する必要があります。上記の場合のように、どちらもアクティブな item2 と item3 には当てはまりますが、item2 の場合は当てはまりません。そして項目4。

プレーンなJavaScriptを使用してこれを判断する方法は知っていますが、それがLESSで生成されたスタイルシートの一部であるかどうかはわかりません(私が好むので、この質問です)。

Answer 1

これらの両方をカバーするCSSには何も組み込まれていません：http ：//www.w3.org/TR/css3-selectors/#combinators 。LESSが提供するものはすべてjs拡張機能です。