WebページのCSS定義箇所を特定する方法

技術

Chromeの場合

  1. ブラウザに調べたいWebページを表示します
  2. (Mac) Cmd+Opt+I、(Windows) Ctrl+Shift+I を押すと、インスペクタウィンドウが開きます
  3. 画面左下のソースコード上で調べたい箇所をクリックします
  4. 画面右下の矢印「Computed」をクリックします
  5. 矢印「Show all」をクリックします
  6. その下に各CSS要素が表示されます。薄い文字はデフォルトのまま、特に指定されていないことを示し、CSSで指定した要素についてはどのファイルのどの行で指定されたかが表示されます
タイトルとURLをコピーしました