Ich weiß, das ist wählerisch, aber ich arbeite mit einem Editor, der CSS fletscht und sich ständig beschwert
%Vor%Ich ignoriere die Warnungen, aber es hat mich neugierig gemacht und kann nichts finden. Sprich ich habe:
%Vor%welcher CSS Selektor ist schneller:
%Vor% Ich weiß, dass Selektoren von rechts nach links funktionieren, also wird in beiden Fällen foo zuerst ausgewählt, danach muss der Browser finden, dass alle ul in der Auswahl (?) oder alle .bar Elemente (? ).
Frage :
In CSS ist [class][class] schneller als [element][class] ?
Danke!
Nur der Vollständigkeit halber: warum beschwert sich css lint?
Antwort: Angrenzende Klassen funktionieren für einige sehr alte Browser nicht.
Zitat aus Ссылка :
Keine angrenzenden Klassen verwenden
Angrenzende Klassen sehen wie .foo.bar aus. CSS ist zwar technisch zulässig, wird jedoch von Internet Explorer 6 und früher nicht richtig verarbeitet.
Ich denke, die allgemeine Regel, und eine, die ich selbst bemerkt habe, ist, dass es etwas schneller wäre, .class .class zu verwenden, obwohl es von der Seite selbst abhängen würde (und ich nehme an, welche Stile auf ein angewendet werden Ausmaß).
Es wird allgemein vereinbart, dass die Geschwindigkeit der verschiedenen Selektoren (von der schnellsten zur langsamsten) ist;
ID - & gt; Klasse - & gt; Typ - & gt; Angrenzend - & gt; Kind - & gt; Nachkommen - & gt; Universal - & gt; Attribut - & gt; Pseudo
Persönlich, und ich denke auch aus der Sicht eines Markups, würde ich es auch vorteilhafter finden, eine Klasse zu verwenden, um das erste Element auszuwählen. Es vermeidet die Möglichkeit, dass ein Element desselben Typs von Ihrem CSS beeinflusst werden könnte, wenn eines in der Zukunft hinzugefügt werden sollte.
Dies entspricht auch vielen CSS-Handbüchern, die sagen, dass es sinnvoller ist, Klassen für Stylingzwecke zu verwenden.
Ich habe mich auch an einen guten Artikel erinnert, der die CSS-Effizienz abdeckt. Ich hoffe, dieser Artikel stimmt mir jetzt zu, da ich ihn eine Weile nicht gelesen habe. Irgendwo auf der Seite schauen sie sich auch die Block Element Modifier Technik an, CSS zu schreiben, was eine interessante Lektüre ist und ein guter Ausgangspunkt, wenn Sie Ihr CSS effizienter strukturieren wollen (obwohl es ein wenig dauert, den ersten zu verstehen) Zeit).
Tags und Links css performance browser css-selectors