Для тех, кто шарит в оптимизации.

Общее
1

Вот вам пример из головы, ребята. Есть два способа описания одного и того же в разных классах:

.a1, .a2, .a3, …, .a100 {
color: red;
}

.a1 {
color: red;
}

.a2 {
color: red;
}

.a3 {
color: red;
}

…

.a100 {
color: red;
}

Какой вариант будет лучше с точки зрения 1) производительности в браузере и 2) веса файла?
Представьте, что мы ограничены в ресурсах железа и скорости интернета, и у нас на счету каждый байт.

P.S. Примеры упрощены для понимания и вряд ли встретятся в реальной разработке.

2

Это все можно проверить самостоятельно, думаю разница будет не значительная

3

Нужно придерживаться принципа DRY при стилизации. Со стороны производительности разница не будет заметна, тем более что при минимизации код из второго вашего примера будет тот же, что и в первом. Попробуйте сами и увидите результат.

3 лайка