2016-08-14 3 views
1

Ich habe eine Sache bemerkt. Auf einigen Websites wie tray.io, Asana, fb usw. Sie haben zufällige Zeichen in Namen CSS-Klasse, wenn man sich zum Beispiel überprüfen:Zufällige Zeichen in CSS Klassennamen

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

Warum werden diese Zeichen erzeugt und wie werden sie erzeugt?

Danke.

+0

Ich kann kein Beispiel sehen. – Eiko

+0

Sorry behoben das Beispiel. – Smihkk

Antwort

0

Diese Klassennamen oder Bezeichner werden wahrscheinlich von der Engine generiert, die die Seitenausgabe erzeugt.

Wenn Sie einem bestimmten Element einen Stil hinzufügen möchten, benötigen Sie eine eindeutige Klasse. Der einfachste Weg besteht darin, einen Pseudozufallsbezeichner zu generieren.

+0

Danke @Eiko – Smihkk

0

Dies sind wahrscheinlich Hash-String einer Technologie ähnlich CSS Modules.

Die Hauptidee ist, dass Sie ein Werkzeug verwenden, das die CSS-Dateien liest und einzigartige Klassen für Ihre verschiedenen "Ansichten" erstellt. Dadurch werden die CSS-Dateien nach HTML-Datei/Vorlage/JSX oder was auch immer Ihre Einrichtung ist getrennt.

Wenn Sie die Idee dahinter verfolgen, können Sie leicht mehr skalierbare Einrichtung Ihres Codes erreichen, weil Sie global und local Klassennamen verwenden können. Dies bedeutet, dass Sie sich nicht auf die "Cascading" -Funktion des CSS verlassen, um irgendwelche Stile zu propagieren.