あなたはそれについてそれほど妄想的であってはなりません。さらに重要なのは、ハッキングを回避して、適切でクリーンなコードを作成することです。ただし、いくつかの基本的なルールがあります。
#main-navigation { } /* Never style ID's directly, use classes instead*/
body.home #page-wrap { } /* If you ever have to style ID's, do it directly, they are unique and doesn't need any selector. You're just wasting bytes */
.main-navigation { } /* No problem at all, but try to be more abstract. a class should not be so specific, try to reuse code as much as you can.*/
ul li a.current { } /* You should optimize this, you could use just ul .current. Try to use as little selectors as you can, it'll have good performance and will be easier to deal with. Try to use just 3 selectors at the max, so you''l have a good performance and clean code. */
ul { } /* No problem here */
* { } /* You'll won't have any serious problem if you use with caution. Properties like border-box are a good use of it. Anything that you have to set globally in your stylesheet is welcome to use it. */
#content [title='home'] /* Same as *. Don't overdo and you're good to go. */
もっと重要なのは、コードを可能な限りきれいにすることです。過度のオーバーライド、未使用のコード、セレクターの多すぎ、コードの繰り返し、およびハッキングを避けるようにしてください。良いことは、OOCSSとBEMを使用することです。フレームワークを使用する場合は、inuit.cssのような優れた慣行に準拠したものを使用してみてください。
今日のスマートフォンでさえ非常に強力であり、多くのアニメーション、最適化されていないコード、多くの JavaScript を使用しすぎない限り、問題はないはずです。
追伸: アニメーションを使用する場合は、CSS3 トランジションとアニメーションに固執してください。GPU アクセラレーションが行われ、パフォーマンスが向上する可能性が高いからです。