Wenn ich die folgende HTML haben:Leistung in CSS Hierarchie
<div id="container">
<div id="inner">
</div>
</div>
Gibt es einen Unterschied, Leistung klug, zwischen:
#container #inner {
width:300px;
}
zu
#inner {
width:300px;
}
?
beeinflussen es wird nicht wirklich,
nur CSS-Selektoren mit einem Breitpassenden Schlüsselschalter verletzt Leistung kann ..
einige Einblicke hier: http://www.stevesouders.com/blog/2009/06/18/simplifying-css-selectors/
Wenn ich richtig aus dem Artikel verstehe, in einer Seite, wo ich viele Anker-Tags habe, wird es besser zu geben jeweils eine Klasse/ID und wähle sie mit #container eine # ID {} als #container a {}? – Joel
@ Joel: Ich glaube, das ist die Implikation. obwohl es einfacher wäre, #ID {} anstelle von #container eine # ID {} zu verwenden – zack
Der Leistungsunterschied wird nicht ins Gewicht fallen. Versuche, andere Teile deines Codes zu optimieren!
Das heißt, es ist im Allgemeinen am besten, so unspezifisch wie möglich zu sein.
Als id s sind nicht wiederholen soll , können Sie einfach wählen mit #inner
Nicht sicher über die Leistung, aber Nesting ID Selektoren ist fast immer sinnlos. – Shurdoof
true, ich hätte stattdessen Klasse verwenden sollen. Vielen Dank! – Joel
http://screwlewse.com/2010/08/different-css-techniques-and-their-performance/ – superUntitled