БЭМ, css in js - для продвинутых, имеются тонкости.

К примеру если использовать препроцессор то можно разбить ваш css на компоненты ..к примеру header описывать в header.scss или footer описывать в footer.scss а сборщиком собирать эти все файлы-компоненты в один файл после чего его минифицировать прогонять через autoprefixer и т д

Правильным подходом было бы понимать логику и поведение будущего проекта, чтобы не плодить лишних сущностей и предотвратить их нехватку в будущем. На край, обеспечить простое масштабирование и добавление. Т.е. нужно предусмотреть всё или создать условия для этого.