Здравствуйте! Возник такой вопрос: допустим, есть единый css-файл, есть у сайта часть для неавторзованных пользователей, есть для авторизованных, и там, и там, например, есть header, но он выглядит абсолютно по-разному. Как в таком случае лучше быть?

Использовать общий для них .header и частные .header--front / .header--back, но в таком случае у нас просто .header будет без стилей. Или сделать родителя .front и .back, а затем - .frontheader и .backheader, но это добавит лишнюю вложенность, от которой мы как раз-таки стараемся избавиться.

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

Как следует поступать в таком случае?