У меня есть существующий веб-сайт с большим количеством старых страниц и форм, выложенных таблицами, которые я пытаюсь постепенно переходить на 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" ), но это займет много времени, и было бы легко пропустить стили.
Изменить: если такая вещь невозможна, есть ли бесплатный инструмент, который может извлечь все стили из файла, добавить префикс и затем сохранить его снова?