Является ли использование camelCase в идентификаторах или классах CSS нормально или нет?

Вопрос находится в заголовке. Я привык использовать camelcase в разработке и, поскольку есть кроссоверы с дизайном, задавался вопросом, есть ли какие-либо технические причины (независимо от мнений) против использования его в HTML. Заранее благодарю за ваши ответы.

Ответы

Ответ 1

Технически нет, технических проблем нет. Делай, что хочешь.

Попытайтесь следовать хорошему руководству по стилю, как этот.

Ответ 2

Существует одно техническое ограничение, если вы используете идентификаторы camelCase в своем CSS - спецификаторе селектора |=:

<form class="registration"></form>
<form class="search-movies"></form>
<form class="search-actress"></form>

Чтобы соответствовать только форматам поиска, вы можете написать:

[class|="search"] { font-size: 150% }

Вы не можете сделать это с именами классов camelCase.

Ответ 3

Хороший вопрос. Я лично использую camelCase в именах классов/идентификаторов. Нет никаких технических причин, почему вы не можете.

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

Пойдите с тем, что вам удобно кодировать. У меня есть прекрасное использование camelCase, я работаю в командной среде и никогда не имел проблемы с удобочитаемостью для других разработчиков.

Мнения о том, что я читал, можно найти здесь: http://css-tricks.com/new-poll-hyphens-or-dashes/

Ответ 4

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

Ответ 5

Я использовал camelCasing до сегодняшнего дня, позвольте мне рассказать историю: я создал bootstrap modal по имени id, написанному на camelCasing. Я не мог манипулировать им, используя собственную функцию JQuery для начальной загрузки. После поиска дней, наконец, мой коллега узнал, что CamelCasing это вызвало. Чувствительность к регистру JavaScript может быть сложной и непредсказуемой. Поэтому я предлагаю вам использовать дефисы.

Ответ 6

Twitter использует даже Pascal Case.

Twitter PascalCase CSS class names