CSS Sort

降順

プロパティ order

orderは、デフォルト0です。特定の要素に1をセットすると、最後に表示されます

例えば、全要素に2をセットしておいてから、特定の要素に1をセットすると、最初に表示されます

この例は、flex-direction row-reverseやcolumn-reverse と同じような動作ですが、

data-attributeとjquery等を使うと複雑なソートも処理できるかもしれません。

HTML

CSS


新着記事

コメントは受け付けていません