CSS 和文件名编码约定

Question

您（或您的公司）对文件名和 CSS 类名采用什么样的约定？例如，假设您有以下类名：window、window top、window top left、window top right。您如何命名这些类名（以及此类文件名）？

目前我正在做以下事情：

.window {
 background: url(images/window.png);
}

.window-top {
 background: url(images/window-top.png);
}

.window-top-left {
 background: url(images/window-top-left.png);
}

还有哪些方法？

Answer 1

从类名来看，我认为这是某种小部件或插件的 CSS。您给出的名称非常清楚，但为了避免冲突，我可能会在它们前面加上一个简短的插件/小部件特定字符串，即：

.mywindow-window{
}

.mywindow-window-top{
}

.mywindow-window-top-left{
}

这些名称有点冗长，但从长远来看应该有助于让事情变得更清晰。

如果我弄错了，那么您暗示的命名约定应该没问题 - 最重要的是您要保持一致。