Html CSS类名中的随机字符

Html CSS类名中的随机字符,html,css,dom,sass,Html,Css,Dom,Sass,我注意到一件事。在某些网站上,如tray.io、asana、fb等,当您检查它们时,它们的css类名中有随机字符,例如: <header class="Header_XSDsdksdXKkSDD">..</Header> 。。 为什么会生成这些字符?它们是如何生成的 谢谢。这些类名或标识符可能是由生成页面输出的引擎生成的 如果要向特定元素添加样式,则需要为其创建一个唯一的类-最简单的方法是生成一些伪随机标识符。这些可能是类似于的技术的哈希字符串 主要思想是使用一个工具

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

<header class="Header_XSDsdksdXKkSDD">..</Header>
。。
为什么会生成这些字符?它们是如何生成的


谢谢。

这些类名或标识符可能是由生成页面输出的引擎生成的


如果要向特定元素添加样式,则需要为其创建一个唯一的类-最简单的方法是生成一些伪随机标识符。

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

主要思想是使用一个工具来读取CSS文件,并为不同的“视图”创建独特的类。这样做会按照HTML文件/template/JSX或您的设置分离CSS文件


如果遵循它背后的思想,您可以轻松实现更具可伸缩性的代码设置,因为它允许您使用
全局
本地
类名。这意味着您将不会依赖CSS的“级联”功能来传播任何样式。

这样做的目的是什么?据我所知,当CSS只有一个作用域时,它如何允许全局和本地类名呢?当您的HTML实际上是用JS编写的时候,它就起作用了。查看这篇文章Webpack有一个模糊类名的选项,请参阅