CSS-файлы и нежелательное переопределение ⇐ CSS

[Anonymous]

У меня есть простая HTML-страница, которая ссылается на 3 файла CSS. Первый — это таблица стилей, предназначенная только для страницы. Два других предназначены для стилей двух уникальных модальных окон. Эти модальные CSS-файлы не были созданы мной, и они с радостью используются отдельно на других страницах сайта.

Моя проблема в том, что оба этих модальных CSS-файла содержат несколько общих селекторов и поэтому портят стили друг друга.

Я понимаю, что лучший способ решить эту проблему — взять один или оба файла и сделать их селекторы уникальными. Одним из способов было бы создать пространство имен селекторов.

Однако теперь, когда я по уши в этой странице, у меня возникает вопрос: можно ли как-нибудь предотвратить эти конфликты CSS? без изменения модальных страниц CSS в их нынешнем виде? Есть ли какие-нибудь инструменты, которые могут помочь, например LESS? Как лучше всего предотвратить это в будущем?

Подробнее здесь: https://stackoverflow.com/questions/970 ... overriding