[解決済み] jQueryを使って、要素のCSS属性を解除するにはどうすればよいですか？

質問

特定の要素にCSSの値を設定する場合は、以下のようにします。

$('#element').css('background-color', '#ccc');

という流れで、その要素固有の値を解除して、カスケードされた値を使えるようにしたいです。

$('#element').css('background-color', null);

しかし、この構文はうまくいかないようです。他の構文を使って可能なのでしょうか？

編集してください。 値は親要素から継承されていません - 元の値は要素レベルのセレクタから来るものです。混乱させて申し訳ありません!

どのように解決するのですか？

からの jQueryドキュメント :

スタイル・プロパティの値を空文字列に設定する - 例． $('#mydiv').css('color', '') - は、そのプロパティが既に HTML の style 属性で直接適用されている場合、そのプロパティを要素から削除します。 .css() メソッド、または DOM 操作による style プロパティを直接操作することによっても可能です。ただし、スタイルシートの CSS 規則で適用されたスタイルを削除することはできません。 <style> 要素で CSS ルールによって適用されたスタイルは削除されません。