14 Stimmen

CSS-Optimierung: Element-ID vs. Klasse

Mit MVC und jQuery mache ich deutlich mehr Gebrauch von CSS. Eine Frage, die in den Sinn kam ist, was ist der beste Ansatz für die Verwendung von Element-IDs vs. Klassen. Wenn ich Element-IDs verwende, sind die Selektoren in jQuery kürzer. Zum Beispiel:

#imageTag... $('#imageTag')
#searchTag... $('#searchTag')

Alternativ könnte es mit einem übergeordneten Containerelement strukturiert werden.

#searchTool, #classifyTool .tag

In diesem Fall werden Selektoren wie

$('#searchTool .tag') oder $('#classifyTool .tag')

verwendet werden könnte. Dieser Ansatz kann besonders nützlich sein, wenn es mehrere Instanzen einer Klasse auf der Seite gibt, z. B. .tag. Sie ändern einfach das übergeordnete Containerobjekt.

Dies ist nur ein einfaches theoretisches Beispiel und soll nicht die realen Stile darstellen, sondern nur das Konzept verdeutlichen.

Es stellen sich also zwei Fragen:

  1. Gibt es irgendeine Auswirkung auf die Leistung von entweder die Seite/CSS oder jQuery vorausgesetzt, es gibt eine große # von Stilen auf einer Seite?

  2. Der zweite Ansatz scheint flexibler und wartbarer zu sein. Gedanken, die auf Ihren Erfahrungen beruhen.

Gibt es einen besseren alternativen Ansatz?

Danke

CodeJaeger.com

CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.

Powered by:

X