Соглашения о кодировании 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{
}

Эти имена немного многословны, но должны помочь разобратьсяяснее в долгосрочной перспективе.

Если я ошибаюсь, то соглашение о наименовании, на которое вы намекаете, должно быть в порядке - самое главное, чтобы вы были последовательны.