معکوس کردن ترتیب قرارگیری عنصرهای (Element) بچه (Child) درون یک عنصر (Element) والد (Parent) (عنصر سطح بالاتر)، با مشخصه های display: flex و flex-direction: column-reverse ، در CSS

فرض کنید که یک عنصر (Element) والد (Parent) (عنصر سطح بالاتر) داریم که شامل تعدادی عنصر (Element) بچه (Child) می باشد (عنصرهای بچه درون عنصر والد قرار دارند). مثل عنصر div زیر که تعدادی عنصر div درون آن قرار گرفته اند :

چنانچه بخواهیم که ترتیب قرارگیری عنصرهای (Element) بچه (Child) در خروجی صفحه، معکوس شود، می توانیم کد CSS زیر را برای آن عنصر (Element) والد (Parent) بنویسیم :

به مثال زیر توجه کنید :