CSS организация классов

[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, слишком длинная запись.

[Softlink]

Я использую несколько упрощенную версию вот этого.