你如何避免类名冲突?

时间:2014-02-17 12:16:58

标签: css css-selectors

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

我通常通过嵌套类而不是保持“全局”来解决这个问题,但是根据我的理解,这不是最佳实践:

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

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

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

2 个答案:

答案 0 :(得分:3)

秘诀是使用某种强制执行纪律的框架/方法OOCSSBEM

答案 1 :(得分:2)

有几种CSS类命名约定,其中最常用的是BEM(http://csswizardry.com/2013/01/mindbemding-getting-your-head-round-bem-syntax/)。看一看:)