网页重构应该避免的10大 CSS 糟糕用法
这篇文章系统性地总结了网页重构中10个应当避免的CSS坏习惯，并将它们归纳为“权重”、“工作流”和“自以为是”三大类。作者从权重控制这个核心痛点出发，详细剖析了滥用ID选择器、嵌套层级过深的选择器、内联样式等常见问题。例如，一个带有多个层级的ID选择器（如#header #title a）虽然看似语义明确，却会产生过高的特异性，导致后续样式覆盖困难，代码难以维护。 在工作流方面，文章批评了从上到下、仅凭文档流命名的粗放方式，以及样式冗余问题。它强调应遵循DRY（不要重复自己）原则，并介绍了如何利用Sass的@extend等预处理器特性来抽象公共样式，提升代码复用性。此外，统一使用rem或em这类相对单位替代px，也被指出是提升样式灵活性和可维护性的重要一环。 文章最后提醒开发者需关注CSS3新特性的浏览器兼容性，避免在样式表中堆积无效规则。整体而言，它为前端开发者提供了一份清晰的CSS反模式清单与改进指南，帮助团队建立更健壮、更易维护的样式架构。