title: load and apply same css class from two different files on two different elements
body: <p>Provided I have two different css files, each containing a definition of the same css class (Eg. <code>.mainDiv {}</code> ) but each class would have different properties, how would I be able to apply them to two different divs in my HTML code (say with ids <code>myMainDiv1</code> and <code>myMainDiv2</code>)?</p>
  
  <p>I realize this is no longer an association between div element ids and css classe names but I would like to know if it is possible somehow to parse/read each css file - through JavaScript - and apply the rules dynamically for each of my divs.</p>
  
  <p>So I would in no way want to make changes to the css files; I can have as many as needed but they all need to have the very exact same class names (Eg. <code>mainDiv</code>); through JavaScript - if possible - I can apply the styles for each of my divs.</p>