如何避免类名冲突？

Question

假设我正在构建一个博客，并为时间线帖子添加一个名为“post”的类。然后另一个开发人员进来并创建一个亮点部分，其中也有一个“post”类。突然我们发生了碰撞。

我通常通过嵌套类而不保留任何“全局”内容来解决这个问题，但据我所知，这不是最佳实践：

.main .post {
    background-color: red;
}

.highlights .post {
    background-color: green;
}

当我检查大型网站的 CSS 文件时，我看到页面中看似特定部分的大量全局类名，所以我真的很想知道他们是如何解决这个问题的。在添加类名之前，他们是否会搜索并扫描整个项目以查找类名？如果他们想添加已经存在的东西，他们会怎么做？仅仅为了重命名它似乎是一种非常糟糕的做法。

Answer 1

秘诀是使用某种框架/方法来强制执行纪律，例如OOCSS或BEM。