CSSのパフォーマンスは、いくつかのクラスセレクタやnot：not（）の方が優れていますか？

いくつかのクラスセレクタを使用している場合や、:not()を使用して1つのクラスセレクタを使用している場合は、パフォーマンス面でより良い方法があるのだろうかと思います。一例として、 CSSのパフォーマンスは、いくつかのクラスセレクタやnot：not（）の方が優れていますか？

（これは単純化しすぎである）：

div.caseB, 
div.caseC, 
div.caseD, 
div.caseE, 
div.caseF, 
div.caseG 
{ color: red; }

（divが常に1つのクラスcaseA ... caseGを持つことになります）。

または：

div:not(.caseA) 
{ color: red; }

2017-02-05 Alvaro

ごくわずかです。あなたが何万というクラスについて話している場合を除き、私はこれが性能に何らかの測定可能な影響を与えるのを見ることはできません。私はコードのメンテナンス、シンプルさと可読性にもっと焦点を当てます。 –

...もしあなたが数万のクラスについて話しているのであれば、答えは1つだけです：not（）は帯域幅のほうがはるかに軽いです。 @Michael_B – BoltClock

@BoltClock、どちらの場合でも、よりシンプルで読みやすく、保守が簡単です:-) –

私はここで最良の場合は、色の赤を与える.red新しいクラスを追加することになると考えています。

使用方法:(ケースA）ではありません。実用的ではない。 100個のクローズを持っているかのように、.caseA以外はすべて赤色になります。

caseA/B/C/...クラスがある場合は、それらを区別するために作成する必要があります。

はすべてがcaseA以外の赤であれば、あなたが行うことができますそれ以外の場合はDRY

を覚えておいてください。

body{color:red} 
.caseA{color:green} // other color.

2017-05-28 10:08:58 T04435

答えて