title: jquery override important css style
body: <p>I am trying to apply a css style like so:</p>
  
  <pre><code>$(".data-rendering").css("background-size", "contain");
  </code></pre>
  
  <p>but this has this css already applied to it:</p>
  
  <pre><code>element.style {
      background: url(/Images/renderings/vista-ridge-macnab.jpg) 0px;
      background-size: cover !important;
      background-repeat: no-repeat;
  }
  </code></pre>
  
  <p>Is there away to override this?</p>
  
  <p>I have tried using .style but that did not work, I got an error saying .style does not exists.</p>