Есть ли какая-либо разница в производительности между применением группы классов CSS к каждому дочернему элементу или ис ⇐ CSS

[Anonymous]

Предположим, у меня есть таблица со многими строками:

Код: Выделить всё

[list]

column1column2column3column4
column1column2column3column4
... add a bazillion more lines

[/list]

если бы мне пришлось добавить много стилей к этим строкам и ячейкам, есть ли разница в производительности при раздувании HTML-разметки с помощью CSS-классов платформы, например:

Код: Выделить всё

column1
column2
column3
column4

... more rows

или написать/применить эти классы с помощью селекторов и директивы @apply (с использованием попутного ветра), например:

Код: Выделить всё

.table-row > .table-cell {
@apply p-4 pl-8 text-gray-500 dark:border-white/10 dark:text-gray-300
/* or writing custom css */
}

В первом примере много повторов, которых можно избежать с помощью селекторов CSS. Сейчас содержимое атрибутов CSS составляет примерно половину моей HTML-разметки, что по-прежнему приемлемо, если только это неэстетично, поэтому мне интересно, не снижает ли это также производительность.
Спасибо
Обратите внимание, что это вопрос не о философии CSS-фреймворков, а скорее о движке браузера и DOM.>

Подробнее здесь: https://stackoverflow.com/questions/798 ... asses-to-e