title: How Can I Override Style Info from a CSS Class in the Body of a Page?
body: <p>So I'm working on a project that accepts HTMLs as inputs and returns them as outputs. All of the HTMLs I get as inputs have all of their text in divs and style sheets that dictate the style for each div based on the class attribute. </p>
  
  <p>To better visualize things, and to see how my project is coming along, I would love to output the input HTMLs color coded to specifications I give them. It's really easy for me to modify the body of the HTML, but difficult to deal with the style sheet. All I'm looking for is something simple to override the color property of the style sheet. It can be hacky, as this is just internal code for temporary use. I just want something simple that works. Is there an easy way to override aspects of CSS classes in the body of a file?</p>
  
  <p>[EDIT] I want to provide an example to better explain what I'm looking for. An example of the style sheets I have at the top of my page (that I want to override) is:</p>
  
  <p><code>.style21{vertical-align:top;font-size:13px;font-family:Helvetica;color:#000000;}</code></p>
  
  <p>An example of a div whose color I'd like to change is:</p>
  
  <p><code><code>&lt;div style="position:absolute;top:432;left:422;color:#ff0000;"&gt;&lt;span class="style21"&gt;relating to&lt;/span&gt;&lt;/div&gt;</code></code></p>
  
  <p>My problem is that I can't override the color specified in the css. As you can see in the above example, I'm trying to do it in the specific style within the div, but that isn't working. [/EDIT]</p>