今回の動画では、list-style: none; を #board につけているのですが、
試しに、li 要素につけても同じ状態になりました。

＜質問 1＞ #board につけた方がよいのでしょうか？

＜質問 2＞関連してですが、CSS でスタイリングする際、どの要素に記載すればよいか分からなくなります。(今回だと #board なのか li なのか)記載してみてうまくいかなかったら（スタイリングできなかったら）、その親要素につけてみたりしてうまくいくかを試しながら（ chrome で確認しながら）CSS を記載しています。他に正しいやり方があるのでしょうか？

#board{
  list-style: none; 
}

↓

li{
  list-style: none;
}