Html 创建新的CSS类和ID名称，确保没有任何中断

我正在从事一些大型的web项目，并且使用了很多HTML ID和类名

当我在其中一个大型项目中创建新项目时，命名新ID和类可能会令人沮丧，因为我总是以类似

#subprojectname_title

，

.subprojectname_editor

的方式结束，以确保我不会覆盖以前为“父”项目编写的任何类和ID，为了确保我不会继承以前的写作风格

每当我为子项目创建一个新的类或id时，我总是必须编写

子项目名

，这很烦人

---

我正在寻找如何缩短选择器的建议，而不必重置样式以确保我不会继承以前的选择器，也不必干扰以前编写的样式（覆盖它们，更改它们的名称）。

我在项目中有一个简单的解决方案

我对全局有效的样式使用“唯一”名称，对局部范围使用“通用”名称

i、 e.My site.css使用诸如“defaultList”或“defaultWhiteButton”之类的名称，其中My pageX.css使用“list”和“button”

我从不在选择器中使用ID，因为ID（出于我的目的）用于所有编程行为，而不是装饰性的

我只在CSS中使用类

---

我希望这会有所帮助。

而不是.subproject\u thinge1和.subproject\u thinge2。我通常在任何地方添加根类或id来区分项目/页面

这样，您可以在相同类名的所有页面上维护全局样式，同时可以为特定页面添加特定规则

---

但和往常一样，最好的解决方案取决于现有项目的编写情况。

答案很好，但我担心站点范围内的样式已经是“常用名称”—例如“.ok”、“.error”、“.title”……为什么本地范围需要特定的名称？它们不是只为那些特定的页面加载吗？i、 e.my Transactions.aspx使用名称类名称作为Deals.aspx，但每个名称调用不同的CSS（Transactions.CSS和Deals.CSS）。相同的名称，但它们的行为略有不同。像.title、.ok等内容在所有页面中都是全局使用的-有时我的子项目也被全局使用。那么可能是建议清理内容，而不是只在某些地方使用显式命名使其更糟？我认为，但是我必须摆脱所有我不需要的样式，这意味着写不必要的CSS规则。如果不可避免，我宁愿有更多的样式规则，而不是html中不合逻辑的不可维护的命名。当然我不知道这对你有多糟糕。也许你正考虑不包括原始样式表。原始样式表包含在母版页上。