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

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

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

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

プレミアムプランとは?

このレッスンの質問と回答(11)