CSS和文件名编码约定

Question

您（或您的公司）在文件名和CSS类名上运行什么样的约定？例如，假设您有这些类名：窗口，窗口顶部，窗口左上角，窗口右上角。你如何命名这些类名（和这样的文件名）？

目前我正在做以下事情：

.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{
}

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

如果我弄错了，那么你所暗示的命名惯例应该没问题 - 最重要的是你是否一致。