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

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

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