body{
font-family: Arial;
}
div{
color: red;
margin: 20px;
background: blue;
font-size: 17px;
}
<div id="div1">this should be styled with a blue background,
red text, and 17px Arial font</div>
<div id="div2">this should have no background, default font, etc. </div>
Is there a way to completely remove all the CSS styles from #div2 using jQuery while preserving the styling of #div1?
I want to retain the styles applied to #div1 but strip away all styles from #div2.