Категоризировать элементы CSS по значению или по внешности?

Question

Каков наилучший способ выбора класса CSS (имени) для элемента?

а) Должен ли я назвать его после того, как он есть (ссылка на бронирование в этом примере) и сгруппировать все классы с одинаковым видом в CSS?

<a href="booking.html" class="bookingLink">Book this course!</a>

с помощью CSS:

a.bookingLink, a.otherLink, a.someLink { color: red; font-weight: bold }

б) Или мне лучше назвать его так, как он выглядит?

<a href="booking.html" class="boldLink">Book this course!</a>

с помощью CSS:

a.boldLink { color: red; font-weight: bold }

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

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

Какой метод вы предпочитаете?

Answer 1

Рекомендуется сохранять имена классов как можно более семантическими, поэтому bookingLink.

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

Вот статья W3c об этой проблеме, я стараюсь придерживаться их рекомендаций в большинстве случаев.

http://www.w3.org/QA/Tips/goodclassnames

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