新年あけましておめでとうございます！
2020年もよろしくおねがいいたします。
新年いろいろと決意を新たにしました。
今年はブログを頑張ってやっていきたいな、なんて気持ちが強いです。
そこで
１時間くらいでかける小ネタでTwitterに投稿しよう
と決意しまして、
ブログカスタマイズするときに簡単にcssの色調整ができるTipを投稿してみます！
たぶん１分くらいで読めます。
## ブラウザ上で簡単に色を変更できる方法
まずはPCのwebブラウザで自分のブログを開きましょう。
今回はGoogleChromeを使用していきます。
まずは
ブラウザ上で右クリックします。
右クリックしたらこのような画面になるので
「検証」を選びます。
そうすると画面下にこんな画面がでてきます。
赤丸をつけた部分が
パーツを選択するツールになりますので、ここをクリックします。
赤丸の選択ツールをクリックしたら、次に
色を変更したいパーツをクリックします。
↓こんな感じになると選択完了です。
選択が完了したら、右下の部分を確認します。
赤丸の部分に現在のパーツの色が見えると思います。
この矢印の先の部分をクリックすると…
カラーピッカーが登場します！！
ここをいろいろいじっていろを変えると
こんなかんじ。
そうすると……
webブラウザ上のパーツの色が代わり、
cssコードが右下に表示されます！
現在のデザインだと、吹き出しの三角の部分も色がついているので、このパーツに対しても同じ処理を繰り返します。
最後に変更した部分のcssを抜き出して
お使いのブログサービスのcssに貼り付けて完了です。
## 貼り付けたけれど色が変わらない
「cssを貼り付けたけど色が変わらない」という場合ですが。
cssにはルールがあり“より後に書いたコード”が強くなるルールがあります。
（厳密にいうと、もっと細かく厳格なルールもあるのですが、ここでは割愛します）
なので
- ブログサービスで用意されている
カスタマイズ用のエリアに書く
- できるだけ
ファイルの最後のほうにcssを書く
- それでもだめなら
!importantハックを使う
という順番で試してみてください。
!important;ハックを多用すると、管理が難しくなるので、あまり多用しないようにするのがベストです！
いかがでしたでしょうか。
１時間の突貫で書いたのでわかりにくかったらすみません。
2020年も、皆様のブログライフがステキなものでありますように！！