CSS性能对于几个类选择器还是单个选择器更好：not（）？

Question

我想知道如果使用多个类选择器或使用:not()的单个选择器，在性能方面有什么更好的做法。

作为一个例子（这是过于简单化）：

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

（其中div总是有一个类caseA ... caseG）。

或者：

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

Answer 1

我相信这里最好的情况是添加一个新类.red以使颜色变红。

使用：not（caseA）是。不实用。好像你有100个clases，除了.caseA之外的所有东西都是红色的。

如果您有caseA / B / C / ...类，则应该创建它们以区分彼此。

记住DRY

否则如果除了caseA之外一切都是红色的，你可以这样做。

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