HTMLコードに表示される順序に関係なく、特定のクラスを持つdivを最初に表示し、そのクラスを持たないdivを最後に表示するための純粋なcssソリューションがあるかどうか疑問に思っています。
たとえば、次の html の場合:
<div>6</div>
<div class="first">1</div>
<div class="first">3</div>
<div>2</div>
<div class="first">5</div>
<div>4</div>
div は、次の順序で上下に表示する必要があります。
1、3、5、2、4、6
ノート：
JavaScript で問題を解決する方法を知っています。純粋な CSS ソリューションが存在するかどうかを知りたいです。