Was ist schneller: sich wiederholende Stile oder sich wiederholende Selektoren?

Question

Ich würde gerne wissen, welches der folgenden Beispiele besser abschneiden wird. Wenn die Leistung gleich ist, welches Beispiel liest sich besser?

Beispiel 1 (sich wiederholende Selektoren)

.helpfulCommenter, .questionTroll { color: #f00; }

.questionTroll { text-decoration: line-through; }

oder

Beispiel 2 (sich wiederholende Stile)

.helpfulCommenter { color: #f00; }

.questionTroll { color: #f00; text-decoration: line-through; }

Ich weiß, dass die Klassennamen nicht semantisch sind und dass die hier gezeigten besonderen Stile irrelevant sind. Ich möchte nur wissen, welche dieser Stile von den Browsern leichter geparst und implementiert werden können.

Answer 1

Der Leistungsunterschied ist so winzig, dass er irrelevant ist.

Scheuen Sie sich vor Beispiel 2, da es höchstwahrscheinlich zu einem Wartungsproblem wird, wenn es missbraucht wird.