在CSS类中添加前缀是一种好的做法吗?

7

为避免与可能存在的第三方小部件/CMS等冲突,将前缀添加到所有css类中是否是一种好的做法?但这样做会增加文件大小,这不好吧? 我应该走多远?例如,如果我的名字是John Doe,我在业务主题上工作,那我应该使用JDBT菜单吗? 任何关于此主题的文章都很棒。 谢谢


2
LOL 最佳实践并不是主观的... - leblma
与任何全局命名空间一样,最好避免污染,但这取决于情况。我不会将每个类都作为惯例前缀。例如,层次结构有助于避免污染。 - Boaz
1
@leblma 最佳实践通常是观点和争议的问题,也取决于不同的立场。 - Boaz
通常这是一个好的实践,但它并不是强制性的,取决于情况。 - Fez Vrasta
1
@leblma - 正如已发布的答案所示,这显然是主观的... - j08691
显示剩余2条评论
3个回答

8
在我看来,为CSS类名添加前缀并实现遵循逻辑命名规范的策略是一个非常好的想法。
尽管对于小型项目来说,前缀可能被认为是过度设计,但缺乏正确的CSS命名空间支持会导致在大型项目中出现冲突,特别是在使用第三方库时。您可以通过给CSS类名添加您的缩写或项目名称的简短缩写来轻松避免这种冲突。即使在大型CSS文件中,您也只有可能增加几百字节,并且有更好的方式来最小化文件大小。
请参阅免费在线书籍《可扩展和模块化CSS架构》,了解CSS命名最佳实践的建议。 http://smacss.com

1
SMACSS技巧的最佳答案 - Emanuel Mocean

1
个人而言,我认为这不是一个坏主意。如果未来的开发人员能够轻松地从CMS/Framework代码中识别出您的代码,那么这可能会对该项目有所帮助。
我经常使用Bootstrap,并且总是使用前缀。

正如leblma所说,如果大小是一个问题,那么这应该是一个巨大的项目。 - Eric Mitjans

0
答案很简单。
我会这样做,因为对我来说增加的文件大小并不重要。除非你有成千上万个CSS类,否则不会有明显的差异。压缩你的CSS,你就不会遇到CSS文件大小的任何问题(它对你的带宽影响非常小)。
但是,如果你不使用任何第三方CSS,你就不应该使用它。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接