假设我有一些HTML页面和相应的CSS文件。我想为一些元素添加圆角。我想在每个其他部分交替使用背景颜色。我想为每个部分标题添加悬停状态。所以等等 - 我保持造型，造型和造型。
我发现有三个极端，它涉及按类，按ID和层次结构在标记上分发CSS规则的“谁，什么，何时，何地，为什么以及如何”。
极限＃1：每个样式规则都基于ID。
极限＃2：每个样式规则都基于一个类。
极限＃3：每个样式规则都基于DOM层次结构。
显然，前端Web开发的禅宗将包括类重用与独特规则与层次结构的健康平衡，因为任何三个极端都会对浏览器性能，可维护性和代码大小造成严重破坏。我认为。还是我错了？如何确定何时需要新的.class，或者您想要应用的样式规则可以安全地进入现有定义？什么时候两个#id规则足够相似，你应该将公共代码拉到一个类中？你什么时候“分叉”一个类（有时你保留原文，并为所有偏离情况添加推导（在OOP术语中为“渗透”），有时将普通规则推入几个不相交的偏差中的每一个 - 显然这取决于偏差本身的性质（即所涉规则的数量））。是否存在使用纯粹分层规则的情况？
问题：这种辩论是否有任何经验法则？您的经验和/或建议是什么？是否有好的文章，资源，书籍，讲座（“科技谈话”风格视频的奖励积分），或其他有关该主题的内容？我希望将讨论基于几个关键点（尽管欢迎任何评论），没有特别的顺序：