こんにちは。ご質問させていただきます。

header の子要素なので、header に対して display:flex; を当てて
div タグにフレックスボックスの命令を与えたのですが、うまく反映されませんでした。

その後 header タグに対してフレックスボックスの命令を与えると(コメントで記入しております)
div タグの要素が動いて反映されました。

div タグに直接命令を与えた時になぜ反映されずに、
その親要素である header に命令を与えた時に div タグに命令が反映された理由を教えて下さい。