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

Question

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

a) Должен ли я назвать его по имени (ссылка для бронирования в этом примере) и сгруппировать все классы с одинаковымвыглядит в 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

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