質問: HTML&CSSの学習を始めてわからないところがでてきました。 初めまして。初歩的な質問で申し訳ありませんが、ご教授いただけると幸いです。 現在、CSSの勉強をしていて、flex-boxで下記の点でつまずいています。 親要素にflex-boxを指定するというところはわかったのですが、どのセレクタに指定すればいいのかの判断ができなくて困っております。 例えば下記の記載をしたときに、 LOGO MENU MENU MENU MENU **display:flex;をulに指定するとうまくいくのですが、aに指定しても動かないなど、どのセレクタを選択すればいいのかを判断する方法があるかを伺いたいのです。** 本当に初歩的な問題で申し訳ありませんが、今後コーディングをしていく上で、参考になる知識やサイト、教材などございましたら教えていただけると嬉しいです。 よろしくお願いいたします。
回答: `display:flex;`を当てるべき要素は、「入れ物」です。 この場合、`ul`が「入れ物」で、`li`は「中身」に当たるのではないですか? ↓ここは「入れ物」に当てるべきスタイルを「flexboxコンテナ」、「中身」に当てるべきスタイルを「flexboxアイテム」と区別しており、わかりやすいかもしれません。 CSS Flexbox の各プロパティの使い方を詳しく解説 | コリス