title: Overwriting the css property of an external java script file not working correctly
body: <p>I'm trying to overwrite the styling of an element in an external java-script file.</p>
  
  <p>If I paste this code into a local file : </p>
  
  <pre><code>&lt;script type="text/javascript" charset="utf-8" src="http://static.polldaddy.com/p/6343621.js"&gt;&lt;/script&gt;
  &lt;noscript&gt;&lt;a href="http://polldaddy.com/poll/6343621/"&gt;New Poll&lt;/a&gt;&lt;/noscript&gt;
  
  &lt;style&gt;
  .pds-links {
      display: inline !important;
  }
  &lt;/style&gt;
  </code></pre>
  
  <p>and run within Google chrome I receive this error on inspection on the class '.pds-links' :</p>
  
  <p><img src="https://i.stack.imgur.com/yOTMR.png" alt="enter image description here"></p>
  
  <p>The css property is correct as when I run this code in a fiddle all of the elements display inline : 
  <a href="http://jsfiddle.net/YsEmj/" rel="nofollow noreferrer">http://jsfiddle.net/YsEmj/</a></p>
  
  <p>How can I successfully overwrite the 'display' property of the .pds-links style? Is the reason this is occurring that the javascript file is being loaded before the .css property can be applied to it, if this is the case do I need to use jQuery to update the style ?</p>