Flex container เสมอเป็น parent และ flex item เสมอเป็น child เพราะขอบเขตของ flex formatting context จำกัดอยู่ที่ความสัมพันธ์ parent/child
Descendants ของ flex container ที่ลึกกว่า children ไม่ได้เป็นส่วนหนึ่งของ flex layout และจะไม่รับ flex properties
คุณต้องใช้เสมอ:
display: flexหรือ
display: inline-flexบาง flex properties ใช้กับ flex containers เท่านั้น:
justify-content flex-wrap flex-directionบาง flex properties ใช้กับ flex items เท่านั้น:
align-self flex-grow flex