问大CSS与大HTML

EN

任何时候我都会争论大CSS而不是大HTML。您的CSS将被缓存，因此您的页面将以更小的HTML更快地加载。更多的类确实意味着更大的灵活性，但是您会惊讶于使用CSS选择器可以完成这么多任务。唯一一次，我看到膨胀的HTML是有用的东西是SEO；看微格式的例子，我的意思。

准确性不应该是一个问题(即使你考虑了人为的错误，你也应该能够立即发现你的错误)。就速度而言，我怀疑它对性能的影响。请记住，所有呈现都是客户端完成的，因此您不需要担心服务器会因为更复杂的CSS选择器而做更多的工作。

绝对同意Wex re css缓存(更多的css，更少的html)

至于你的问题

最好将我的HTML限制在尽可能少的类和Is，并保持HTML的大小，还是使用大量嵌套的CSS规则更好。

从呈现性能的角度来看，使用平面(一级)选择器实际上更有益，因为浏览器引擎将其从右向左匹配，即更喜欢.list-item-first而不是ul li:first-child --从维护的角度来看，这是比较不容易管理的，但会带来稍微好一些的性能。同时，在合理大小的样式表中很少会看到不同之处，所以这更多地是一个偏好问题。

关于css呈现性能的更多信息

我强烈反对在你的css中使用大量的筑巢。css嵌套的一个问题是它降低了css代码的可重用性。我建议您查看这页面，该页面解释了面向对象CSS (OOCSS)的概念，它具有以下关键概念：

“很少使用位置相关的样式”。无论你把一个物体放在哪里，它都应该看起来一样。因此，与其用.myObject h2 {...}对特定的<h2>进行样式化，不如创建和应用一个描述所讨论的<h2>的类，比如<h2 class="category">.*

要了解更详细的讨论为什么使用css选择器可以限制。见我的答案，这里。