Есть ли какие-то преимущества в разделении кода для одного селектора на части?

Question

[shingarev_d]

Часто встречаю код, в котором разработчики разделяют код для одного селектора на несколько частей и пишут их в разных местах css файлов, есть ли у этого подхода какие-то реальные преимущества? Например,

html {
    font-size: 62.5%;
}

/* Еще какой-то код */

html {
    text-size-adjust: none;
}

Заранее спасибо за Ваши ответы. Всем удачного дня :)

Answer 1

[Ivan Bogachev]

Если вопрос о компонентах - то скорее всего особой пользы от такого не будет. Если о каких-то глобальных вещах (даже вы сразу приводите пример с html) - может иметь смысл деление глобальных стилей на смысловые части: стандартная нормализация (например normalize.css), дополнительная нормализация (например дать всему box-sizing: border-box), все, что связано с текстами (размеры, шрифты), хаки и куски полифилов, которые со временем было бы хорошо убрать и.т.д. В случае крупного проекта вы можете думать не селекторами, а смысловыми группами - это не обязательно, но довольно удобно.

Ну и, разумеется, есть вариант "10 фрилансеров, каждый что-то добавил, получилось чудовище франкенштейна - куча швов и заплаток, но вроде работает". Там никакого смысла не будет, просто "так получилось".

Comments

[Ivan Bogachev]

Небольшое дополнение для тех, кто переживает по поводу производительности при рендере элементов: cssnano решает этот вопрос.

Answer 2

[Froggyweb]

т.к. файл cnbktq не один как правило, то проще корректировать стили по месту
например
html {
font-size: 62.5%;
} в reset css который не меняется от проекта к проекту и text-size-adjust: none; в конкретном случае.