CSS类名中的随机字符

时间:2016-08-14 12:18:58

标签: html html5 css3 dom sass

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

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

为什么会生成这些字符以及它们是如何生成的?

感谢。

2 个答案:

答案 0 :(得分:0)

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

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

答案 1 :(得分:0)

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

主要思想是使用一个工具来读取CSS文件,并为不同的“视图”创建唯一的类。这样做可以分离每个HTML文件/模板/ JSX或任何设置的CSS文件。

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