title: Is there any performance issues in adding dynamic css with jQuery
body: <p>I am creating a listing page. In which some 20 records will be loaded on the page load and the remaining will be added dynamically on scrolling down. In my application I am using a common layout which contains bootstrap styles. But for this particular page I need to override some css. For example I need to reduce the padding of td element to 4 px which is 8px by default. I have two ways to do this, either add a new css file and conditionally include in the header (header is common to all pages) or add a script for this page. So I added jquery script to achieve this which is the easy solution without much code change. </p>
  
  <pre><code>$("td").css({'padding':'8px 2px'});
  </code></pre>
  
  <p>When I do this, I saw the inline css is getting added to each td which is appending to the existing table rows. I just wanted to know is there any performance issues or will it affect the loading time if I do like this. </p>