在Web设计中,类名用于描述HTML编码的某些属性。虽然类名和HTMLID类似,但您不需要对类名小心谨慎,它们比HTMLID弱得多。HTML的某些元素可能包含一个或多个类名,而其他元素可能根本没有。使用Javascript时,在识别HTML的给定元素时,这会使类名不像ID那样可靠或有用。类名最常用于CSS中。然而,在互联网上找到的一些类名称显得很奇怪,例如,如果一个组件使用.title命名特定帖子,那么另一个组件使用.title命名侧栏信息网站设计师需要更深入的范围。否则,网站的CSS编码会发生冲突。最有可能使用.title,然后在构建页面时随机化另一个类名。
通过将类名从.title更改为使用CSS模块,几乎没有性能损失,但类名方法的真正优势在于涉及样式名称和约定的开销较少。此方法不需要使用BEMCSS,事实上,使用BEM可能会遇到名称冲突。在这种情况下,您将使用类名.item__titlefancy,然后其他人也将使用它。为了避免使用会对网站性能产生负面影响的较长类名,您可以选择使用CSS模块,其中网站设计师并不一定非常关心这个问题。