Lesen CSS-Auswahl-Engines von links nach rechts oder von rechts nach links?

Lesen CSS-Auswahl-Engines von links nach rechts oder von rechts nach links?

Es ist eine weitverbreitete Annahme, dass Auswahl-Engines, die Elemente in einem HTML-Dokument anhand ihrer Eigenschaften identifizieren Klasse oder ID, von links nach rechts gelesen. Jüngste Diskussionen deuten jedoch auf etwas anderes hin.

Rechts-nach-Links-Lesung durch die meisten Auswahl-Engines

Es gibt Hinweise darauf, dass die meisten CSS-Auswahl-Engines eine Rechts-nach-Links-Lesung verwenden. linker Leseansatz. Das bedeutet, dass sie mit der Auswertung des Selektors vom Element am weitesten rechts beginnen und sich nach links vorarbeiten.

Den Rechts-nach-Links-Ansatz verstehen

Obwohl es den Anschein haben mag Es ist kontraintuitiv, dass das Lesen von rechts nach links mehrere Vorteile für Selektor-Engines bietet:

• Verbesserte Leistung: Indem zuerst der spezifischste Teil des Selektors überprüft wird (normalerweise der Elementname oder die ID). ), können Suchmaschinen die Suche schnell eingrenzen.
• Effiziente Kombinatorhandhabung: Der Rechts-nach-Links-Ansatz ermöglicht eine effiziente Handhabung von Kombinatoren (z. B. „>“, „“). die Elemente verbinden.
• Optimiert für gängige Selektoren: Viele gängige Selektoren folgen einem Muster von rechts nach links, z. B. dem Abrufen von Elementen nach Klasse oder ID.

Geschwindigkeitsaspekte

Leider gibt es keine definitive Antwort darauf, ob div.name schneller als .name ist, da die Leistung je nach Faktoren wie der Browserimplementierung und der Dokumentstruktur variieren kann.

Einfache Selektorauswertung

Während Selektor-Engines über Kombinatoren hinweg von rechts nach links lesen, ist es unwahrscheinlich, dass sie dies innerhalb einzelner einfacher Selektorsequenzen tun (z. B. Klasse, Attribut, Pseudoklasse). Dies bedeutet, dass Elemente normalerweise in einer Reihenfolge von links nach rechts auf einfache Selektoren überprüft werden, unabhängig von ihrer Position in der Reihenfolge.

Herstellerunterschiede

Das ist wichtig Beachten Sie, dass Optimierungen und Strategien für Selektor-Engine-Implementierungen zwischen Browsern (z. B. Gecko und WebKit) variieren können. Gecko kann beispielsweise die Suche nach IDs zuerst priorisieren, auch wenn diese nicht ganz rechts in der Auswahl stehen.

Das obige ist der detaillierte Inhalt vonLesen CSS-Auswahl-Engines von links nach rechts oder von rechts nach links?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!