Лучшая стратегия о том, как справиться с двумя каркасами CSS одновременно в проекте ⇐ CSS

[Anonymous]

Предположим, что тот факт, что я работаю над проектом SPA, который имеет две разные рамки CSS, и они должны сосуществовать между собой: «новая и свежая» структура и еще одна «старая и болезненная». Каждый модуль нашего веб -приложения должен быть выполнен с новой структурой CSS, но у старого есть такие агрессивные правила, которые перезаписывают некоторые основные нормированные правила/сброс нашей новой структуры и влияют на новые CSS. Пример: < /p>
old-framework.css
// It's a stupid thing, but in this example this code will modify your new
//framework because doesn't add 'color:black' to define the basic style
// again.
body { color: red };
< /code>
Я рассмотрел разные решения, но для меня ничего не работает: < /p>

Как Twitter -Bootstrap Twitter, так что стили не конфликтуют. Хорошо не изменять старые стили, но что, если у вас есть новый модуль с новым CSS, содержащимся в модуле, что работает со старым CSS? Этот новый модуль будет содержать много CSS -бин. Чем больше ваша старая структура CSS, тем выше количество правил, которые вы должны добавить, чтобы удалить предыдущие стили. Это оказывает огромное, огромное влияние на веб -производительность, чтобы «восстановить» стили начальных »браузеров. Это лучший выбор, который я смог найти в своем конкретном случае в данный момент, но я хотел бы верить, что возможно другое решение. По вашему мнению, что может быть лучшей стратегией для этого?

Подробнее здесь: https://stackoverflow.com/questions/333 ... me-in-a-pr