Así que estoy trabajando en un proyecto que acepta HTML como entradas y las devuelve como salidas. Todos los HTML que obtengo como entradas tienen todo su texto en divs y hojas de estilo que dictan el estilo para cada div en función del atributo de clase.¿Cómo puedo anular la información de estilo de una clase CSS en el cuerpo de una página?
Para visualizar mejor las cosas, y para ver cómo se está desarrollando mi proyecto, me encantaría generar los colores HTML de entrada codificados según las especificaciones que les doy. Es realmente fácil para mí modificar el cuerpo del HTML, pero es difícil lidiar con la hoja de estilos. Todo lo que estoy buscando es algo simple para anular la propiedad de color de la hoja de estilos. Puede ser hacky, ya que es solo un código interno para uso temporal. Solo quiero algo simple que funcione. ¿Hay alguna manera fácil de anular aspectos de las clases de CSS en el cuerpo de un archivo?
[EDIT] Quiero dar un ejemplo para explicar mejor lo que estoy buscando. Un ejemplo de las hojas de estilo que tengo en la parte superior de mi página (que quiero para anular) es:
.style21{vertical-align:top;font-size:13px;font-family:Helvetica;color:#000000;}
un ejemplo de un div cuyo color me gustaría cambiar es:
<div style="position:absolute;top:432;left:422;color:#ff0000;"><span class="style21">relating to</span></div>
Mi problema es que no puedo anular el color especificado en el CSS. Como puede ver en el ejemplo anterior, estoy tratando de hacerlo en el estilo específico dentro del div, pero eso no está funcionando. [/ EDIT]
La actualización de hecho todo el trabajo para mí Gracias – Eli
gracias yo no sabía que el estilo en línea tiene más preferencia – Faizan