damage220

Здравствуйте. Помогите решить проблему. Есть много страниц, во избежания конфликта имен классов нужно организовать стили. Как вы действуете в данной ситуации? Разбиваете стили на логические блоки или, скажем, добавляете class/id в тег body и потом указываете перед классом: .home .links/#home .links? Может быть добавляете префикс перед классом: home-links? Недавано работал над сайтом. Разметка состояла из типичной: header/content (left, right)/footer Что то вроде <div class="header"></div> <div class="content c-home"> <div class="c-left"></div> <div class="c-right></div> </div> <div class="footer"></div> Пишу c-left и c-right, т.к. классы left и right уже определены. Допустим есть страница home и article. Для обеих нужно использовать класс link Как лучше написать: cr-home-link / #home cr-link / cr-h-link? cr- нужно писать для того, чтобы каждый блок (header, cr-left, cr-right, footer) имел свою область видимости. Может лучше вообще создать файл с общими стилями и файл, отдельно для каждой страницы сайта? П.с: не люблю наследование, т.к. в данном примере вышло бы вообще .home .c-right .link, слишком длинная запись.