????ul、liタグにつけるCSSの違いについて

Question

目を通して頂き、ありがとうございます。
ul liタグのCSSの違いについての質問です。
例えばですが、
【例】
・メニュー
・メニュー
・メニュー
↓
【例】　メニュー　メニュー　メニュー　
この形をつくる際に、下記のCSSを書くと思うのですが、（間違っているかもしれません）

これ以外にfont-size color font-family text-align display など様々な指定をする際、どちらにつけようか迷ってしまいます。
liによって構成されたボックスをulでグループ化していることまでは理解できているのですが、いまいち掴めません。
どちらでもいい、ということは無いでしょうが誤った方につけると全体のデザインに影響してしまうこともあると思うのですが、どういう認識でCSSの書き分けをされていますでしょうか？

<ul>
   <li>メニュー</li>
   <li>メニュー</li>
   <li>メニュー」</li>
</ul>

ul {
    list-style:none;
    margin: 0;
    padding: 0;}
li {float:none;
    width:auto;}

Answer 1

floatは高さに影響してくるので以下の指定がおすすめです。
細かな指定は子要素に当てるのがよいです。（親に指定すると調整しづらくなるため。）

ul {
    display: flex;
}
li {
    list-style: none;
    margin: ...;
    padding: ...;
    font-size: ...;
    text-align: ...;
}

Comments

[hellohello]

oshi−−n様
ご回答頂きありがとうございます。
細かな指定は子要素なのですね…！
以後この点に注意し書いてみます。ありがとうございました！！