选择一个完整的基于CSS的菜单和基于Javascript/CSS的菜单背后的基本原理是什么?

我默认使用纯CSS，除非有些东西我不能用CSS动画完成，然后我会考虑切换到JS。这是相当罕见的，你需要JS，除非你需要一些花式的定时动画跨多个元素或一些古怪的CSS动画无法处理。

使用纯CSS，即使客户端禁用了JS，菜单仍然可以工作。此外，使用纯CSS通常代码更少，这总是很好。

一个很好的方式来看待它:你会使用JS来改变一个链接的颜色，当你悬停在它，或CSS?这只是一个更复杂，但通常类似的问题。

CSS控制布局(和有限的交互，如hover)，而Javascript控制逻辑。

如果你不需要任何逻辑在你的菜单(如显示一个隐藏的div元素作为子菜单)，那么使用CSS本身就很好。