CSS類名中的隨機字符

Question

我注意到了一件事。在某些網站，如tray.io，體位法，FB等他們在CSS類名隨機字符，當您檢查它們，例如：

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

爲什麼會產生這些字符，它們是怎麼產生的？

謝謝。

Answer 1

這些類名稱或標識符可能由生成頁面輸出的引擎生成。

如果你想添加一個樣式到一個特定的元素，你需要一個獨特的類 - 最簡單的方法是生成一些僞隨機標識符。

Answer 2

這些可能是與CSS Modules類似的技術的哈希字符串。

其主要思想是你使用一個讀取CSS文件的工具，併爲你的不同「視圖」製作獨特的類。這樣做會將每個HTML文件/模板/ JSX的CSS文件或您的設置分開。

如果您遵循其背後的想法，您可以輕鬆實現代碼的更具可擴展性的設置，因爲它允許您使用global和local類名稱。這意味着您不會依賴CSS的「級聯」功能來傳播任何樣式。