html - CSS 类名中的随机字符

Question

我注意到一件事。在某些网站上，例如 tray.io、asana、fb 等，当您检查它们时，它们在 css 类名称中有随机字符，例如:

<header class="Header_XSDsdksdXKkSDD">..</Header>

为什么会产生这些字符，又是如何产生的？

谢谢。

Answer 1

这些可能是类似于CSS Modules的技术的哈希字符串.

主要思想是您使用一种工具来读取 CSS 文件并为您的不同“ View ”创建独特的类。这样做会将每个 HTML 文件/模板/JSX 或任何设置的 CSS 文件分开。

如果您遵循它背后的想法，您可以轻松实现更具可扩展性的代码设置，因为它允许您使用global 和local 类名。这意味着您不会依赖 CSS 的“层叠”特性来传播任何样式。