Предположим, у меня есть таблица со множеством строк:
Код: Выделить всё
[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