ul に display: flex; とすると、孫の a 要素にまで効くのはなぜでしょうか？

a 要素に flex レイアウトがきいているわけではなく、a 要素と同じサイズの li 要素に flex が効いているため整列されています。

2021年8月14日

ユーザー

CSS で ul に display: flex; を指定すると、子要素の li に効くのは分かるのですが、さらにその下の a 要素に効果が出るのはなぜでしょうか？
a 要素をブロック要素に変換したとしても、直下の子要素でないのに効果が出るのが不思議です。

この回答を見るにはプレミアムプランへの登録が必要です

このレッスンの質問と回答（11）