我正在处理一些大型网络项目，并且正在使用许多 HTML ID 和类名。
当我在其中一个大型项目中创建新的东西时，命名新的 ID 和类可能会令人沮丧，因为我总是以类似的结尾#subprojectname_title，.subprojectname_editor以确保我不会覆盖以前为“父”项目，并确保我不继承以前编写的样式。
每当我为那个子项目创建一个新的类或 id 时，我总是必须写subprojectname，这很烦人。
我正在寻找有关如何使我的选择器更短的建议，而不必重置样式以确保我不会从以前的选择器继承，并且不会弄乱以前编写的样式（覆盖它们，更改它们的名称）。
我在我的项目中有一个简单的解决方案。
我对全局有效样式使用“唯一”名称，对本地范围使用“通用”名称。
即我的site.css 使用诸如“defaultList”或“defaultWhiteButton”之类的名称，而我的pageX.css 使用“list”和“button”。
我从不将 ID 用于我的选择器，因为 ID 用于（在我的目的中）所有编程行为而不是装饰。
我只在我的 CSS 中使用类。
我希望这有帮助。
而不是 .subproject_thingie1 和 .subproject_thingie2 我通常去添加一个根类或 id 来区分项目/页面。
这样，您可以在相同类名的所有页面上维护全局样式，同时能够为特定页面添加特定规则。
但与往常一样，最好的解决方案取决于现有项目的编写情况。