サイドバーの枠線色の変更の仕方

下記で変わると思ってました。
どこがダメなんでしょうか？

#sidebar {
border:1px solid #0000FF;
}

このコードでどうでしょうか

#sidebar-widget {
    border:1px solid #0000FF;
}

yokudekiruさん

ご回答ありがとうございます。

ご教示いただきました方法では、大枠の内側に枠線が表示されます。
任意の色にすることは出来ましたが、枠が小さくなることもあり、残念ながら希望する形ではございません。

元々表示されているサイドバーの枠線の色を、変更したいと思っております。

#32538

わいひらさんご回答ありがとうございます。

コードそのものは間違っていないとのことなので、他のコードを全てはずしてみて、干渉しているものを探ってみようと思います。

最後に、一般論としてでけっこうですので、ご教示いただけますでしょうか。

#sidebar {
border:1px solid #0000FF !important;
}

この方法で変更しても、見栄えや動作は問題が出てないように見えます。

だとしても、裏で何か不具合が起きている可能性はありますでしょか？
もしくは、サイドバーの色を強制変更するくらいでその心配はないものでしょうか？

カスタマイザーでcssを書き出していて、それが適用されているのではないかと思ったりも。
書き出されるcssって、親・子style.cssより後で読み込まれますよね？違いましたっけ？

応急処置

(function($){
  $(function(){
    $("#sidebar").css({
      border: "2px solid #DDD"
    });
  });
})(jQuery);

子テーマjavascript.jsにコピペ…ですが、コードがエンティティ化されていると思うので、わいひらさんの修正まちで。まぁ＆quot;がシングルあるいは、ダブルの半角クォートってだけですけども。

Hidekichiさん、わいひらさん
ご連絡が遅くなりもうしわけございません。

importantで反映させることにします。

CSSの優先度のお話は、現在の私の知識では高度な内容ですが
お二方のご丁寧な説明により大凡の検討をつけることができました。

もっと勉強しようと思います。

ありがとうございました！