Как правильно объединить несколько одинаковых стилей CSS в один файл?

[-=ButCheR=-]

У меня на сайте используется главный шаблон "template.css". Некоторые страницы файла, используют шаблон style1.css, некоторые style2.css, а некоторые style3.css. Но во всех трех шаблонах-стилях, используются одинаковые название селекторов и все теже каскадные таблицы, но только с различными значениями. Вот например в файле style1.css есть такой код:

a:active {color: #618500;}

а в файле style2.css такой:

a:active {color: #FFFFFF;}

а в главном шаблоне template.css:

a:active {text-decoration: none;}

Вопрос: как объединить все селекторы в один файл в главный шаблон template.css? Ведь если я просто скопирую их содержимое в один файл, то использоваться будут те которым выставлен приоритет !important, либо последний. Их нужно как-то сгруппировать или использовать классы ?

[Никки]

Вот так:

a:active.class1 {color: #618500;}
a:active.class2 {color: #FFFFFF;}
a:active.class3 {text-decoration: none;}

В ссылках соответственно: <a class="class1" ... <a class="class2" ... <a class="class3" ...