やりたいこと
「display:flex;」の「orderプロパティ」適用後の要素に対して「:first-child」を適用したい
※orderプロパティはランダムに割り振る
「orderプロパティ」適用前
「:first-child」は期待通り動作している
<style>
section{display:flex;}
div{0 0.5rem;}
div:first-child{margin-left:1rem;}
div:last-child{margin-right:1rem;}
</style>
<section>
<div></div>
<div></div>
<div></div>
<div></div>
</section>
「orderプロパティ」適用後
「orderプロパティ」をランダムに割り振ると、「:first-child」の位置そのものもランダムに移動してしまう
試したこと
「:first-child」記述を、最後に記述すれば、「orderプロパティ」適用後の要素に対して「:first-child」を適用できるかと思いましたが、期待した通り動作しませんでした
質問
「display:flex;」の「orderプロパティ」適用後の要素順に対して「:first-child」を適用することは出来ますか?