Применение стилей CSS только к определенным элементам

У меня есть существующий веб-сайт с множеством старых страниц и форм с таблицами, которые я пытаюсь постепенно перейти на CSS. Я хочу использовать таблицы стилей Twitter Bootstrap - особенно стили для форм - но только в тех разделах страниц, где я их явно запрашивал. Например, я мог бы окружить всю форму в div следующим образом:

<div class="bootstrap">
 <!-- everything in here should have the Bootstrap CSS applied -->
 <form>
   <p><label for="text_input">Label</label><input type="text" id="text_input" /></p>
 </form>
</div>

Я хочу, чтобы все другие формы остались такими же, как сейчас, потому что я не смогу изменить их все одновременно. Есть ли простой способ сделать это? Я мог бы пройтись по каждому стилю в Bootstrap CSS и добавить родительский селектор (например, «p» станет «div.bootstrap p»), но это заняло бы много времени, и было бы легко пропустить стили.

Изменить: Если это невозможно, существует ли бесплатный инструмент, который может извлечь все стили из файла, добавить префикс и затем сохранить их снова?

Ответы на вопрос(7)

Ваш ответ на вопрос