my_css_class VS my-css-class

Question

Который между

.my_css_class{}

... и ...

.my-css-class{}

лучший путь и почему? Это просто лучшая практика или есть другая причина?

Answer 1

Либо в порядке - я бы выбрал тот, который вы (и ваши коллеги) посчитаете наиболее читаемым. Ни с одним из них вы не найдете ни прибылей, ни убытков, это чисто эстетический выбор.

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

Answer 2

Я бы пошел с дефисами. Потому что есть браузеры, которые не понимают подчеркивания в именах классов , поскольку они еще не были разрешены в CSS 1.

Answer 3

Я предпочитаю подчеркивание, потому что в Vim - считаются разделители слов, и это дополнительная работа, чтобы выделить все имя.

Answer 4

Я предпочитаю дефисы подчеркиванию, так как подчеркивание - это дополнительное нажатие клавиши - это может быть тривиально, поскольку это не имеет значения, и, на мой взгляд, они оба одинаково читабельны.

Answer 5

Я согласен со всеми здесь - ни один не лучше, но выберите один и придерживайтесь его .

Лично я использую дефисы по той же причине, что и Эндрю, их легче набирать. Однако я также использую подчеркивание для нацеливания на класс jQuery.

Так что я могу иметь ".modal-popup" для стилей.

И тогда у меня может быть. У "._rollover" никогда не будет применена какая-либо информация о стиле.

Это своего рода хак, но хороший способ обойти ограничение количества выбираемых атрибутов в HTML.

Answer 6

Одной из причин использования стиля подчеркивания является то, что он согласуется с именами переменных и типов в других языках (C *, Java и т. Д.). Я думаю, что лучше пойти с чем-то знакомым, чтобы более естественно читать источник (и быстрее).

В остальном другие приведенные предложения также звучат разумно. Может быть, быстрый пообщайтесь с вашей командой и займитесь тем, что работает лучше для всех.

Answer 7

Если вы используете дефисы, вы можете использовать |= селектор атрибута , чтобы выбрать группу классов на основе первой части имени класса:

/* Select open folders */
.folder-open { }
/* Select closed folders */
.folder-closed { }
/* Select both kinds */
*[class|="folder"] { }

Браузер имеет различную поддержку для этого типа селектора.