按意义或外观对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 }

b）或者我应该在它看起来之后命名它？

<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

只要你保持代码的可读性，一致性和可维护性，我认为你自己的风格不会受到伤害。