Aplicando estilos CSS solo a ciertos elementos.

Tengo un sitio web existente con muchas páginas y formularios antiguos con tablas que estoy tratando de hacer una transición gradual a CSS. Quiero usar las hojas de estilo de Twitter Bootstrap, especialmente los estilos para formularios, pero solo en las secciones de las páginas donde las he solicitado explícitamente. Por ejemplo, podría rodear todo el formulario en una división como esta:

<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>

Quiero que todas las demás formas sigan siendo las mismas ahora, porque no podré cambiarlas todas al mismo tiempo. ¿Hay una manera simple de hacer esto? Podría revisar todos los estilos en el CSS de Bootstrap y agregar un selector principal (por ejemplo, 'p' se convertiría en 'div.bootstrap p'), pero eso llevaría mucho tiempo y sería fácil perder los estilos.

Edición: Si tal cosa no es posible, ¿existe una herramienta gratuita que pueda extraer todos los estilos de un archivo, agregar un prefijo y luego volver a guardarlos?

Respuestas a la pregunta(7)

Su respuesta a la pregunta