jqueryでCSSを変換するにはどうすればいいですか？

Question

jquery.iでCSSを変換するにはどうすればよいですが、動作していません。誰でも助けてください。

CSS：

#conpanel .cont .bs{ 
background-color:#fff !important; 
border: 0px solid #ccc !important; 
border-width: thin 0px 0px 0px 0px !important; 
padding: 3px 0 1px 22px !important; 
} 

#conpanel .cont.bg{ 
border-bottom: 0px solid #99bbd4; 
border-top: medium none;} 

のjQuery：

$('#conpanel .cont .bs').attr('style', 'padding: 3px 0 1px 32px !important','border-width: thin 0px 0px 0px 0px !important'); 
    $('#conpanel .cont .bs').css({ 'background-color':'#fff !important','border': '0px solid #ccc !important'}); 
    $('#conpanel .cont .bs').css({'border': '0px solid #ccc !important'}); 

    $('#conpanel .cont .bg').css({'border-bottom': '0px solid #99bbd4','border-top': 'medium none'}); 

Answer 1

最後の行のために、あなたの選択は間違っています。私は#conpanel .cont.bgを変更し、

$('#conpanel .cont .bs').css({ 
    'background-color': '#fff !important', 
    'border': '0px solid #ccc !important', 
    'border-width': 'thin 0px 0px 0px 0px !important', 
    'padding': '3px 0 1px 22px !important' 
});  

$('#conpanel .cont.bg').css({ 
    'border-bottom': '0px solid #99bbd4', 
    'border-top': 'medium none' 
}); 

注：私はまた一つに最初のバッチを追加しました。 これらのオーバーライドではインラインスタイルが設定されるため、既に設定されているルールよりも優先されるため、コンテキストに応じて「重要」は必要ありません。

Answer 2

だけでこれを使用すると、それはトリックを行います：

$('.bs').css('border-bottom','0px solid #99bbd4'); 

Answer 3

あなたの構文が正しく見えます。私はおそらく、あなたのCSSファイルで!importantを使用しているだけでなく、jQueryでそれを設定しようとしている可能性があると思います。 cssファイルから!importantを削除して、それが修正されているかどうか確認してください。

HTML：

<div id="alter-div"> 
    <p>My Div</p>  
</div> 

ここでjQueryの一部です：

$("#alter-div").css({ 

    "background-color": "blue", 
    "border": "1px solid black", 
    "border-top": "1px solid red" 

});