название CSS должно быть?

Пока вы создаете сайт для компании по веб-разработке в Лондоне, что произойдет, если вы захотите повторно использовать код для компании, занимающейся веб-разработкой в ​​Нью-Йорке? или как насчет ремесленного магазина в лондоне? Сейчас это кажется тривиальным, поскольку вы пишете код, но что, если у вас есть команда? Лучше всего использовать имена, которые имеют смысл для данной страницы. Если вы выведете страницу на экран, любой сможет идентифицировать основные компоненты: верхний колонтитул, нижний колонтитул, навигацию и т. Д. И т. Д.

Хотя идентификаторы и классы должны быть описательными, как написал Кристопер Альтман ( .warningtext v .redtext ) нет необходимости перегружать их информацией ( .thisTextAppearsWhenTheUserEntersTheirNameInThePhoneNumberArea немного глупо), так что нужно соблюдать баланс. Как правило, я стараюсь использовать минимальное описание, чтобы специально пометить раздел, как для упрощения внешнего вида кода, так и для моей нездоровой одержимости скоростью.

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

Все остальные ответы хороши, но не забывайте, что вы также можете вложить CSS, что может дать вам больше гибкости в вашем соглашении об именах и позволит вам использовать короткие и простые имена:

#header {}
   #header #left {}
   #header #right {}
.content {}
   .content #left {}
   .content #right {}



<div id="header">
   <div id="left"></div>
   <div id="right"></div>
</div>

<div class="content">
   <div id="left"></div>
   <div id="right"></div>
</div>

Выберите соглашение об именах содержимого.

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

Например, если .redtext изменится на синий цвет разработчиками, тогда имя класса вводит в заблуждение, и усилия по поиску и замене трудоемки.

Я рекомендую выбирать такие имена, как .warningtext , а не .redtext .