Remove css style from element
<p>I would like to remove parent styling added by a css stylesheet using Jquery. I Googled but all I can find is removing <em>inline styles</em> or <em>classes</em></p>

<p>HTML </p>

<pre><code>&lt;p&gt;&lt;span&gt;text&lt;/span&gt;&lt;/p&gt;
</code></pre>

<p>CSS</p>

<pre><code>p{
    width:300px;
    height:200px;
    border:solid 3px #000;
    padding:10px;
    font-size:23px;
}

span{
    width:100%;
    height:100%;
    background: #ccc;
    padding:10px;
}
</code></pre>

<p>I tried many Jquery variations, one of them:</p>

<pre><code>$('span').parent().removeAttr( 'style' );
</code></pre>

<p><a href="http://jsfiddle.net/ecNAh/1/" rel="nofollow">JsFiddle example</a></p>
