CSSで困ったときにはこの技

経験済みだから言えるけど、cssファイルの該当箇所を変更しているはずなのに、なぜか表示が変わらない。

そんなときは、この技がオススメ。

①プレビューで変更したサイトを開く

②変更したい箇所を右クリックして、Chromeの「検証」をクリック

css6

すると、画面のように該当箇所のcssが表示されるので、実はここをいじれば変わるのだということが

ブラウザ上で実験できる。

この技を知るまでは、ここかな、それともこっちかな?といろいろいじくった挙句、全然変更されない、モチベーションが

下がる、焦りが募る・・・という悪循環に。この技を知れてよかった、感謝!