Google Chrome検証ツール（デベロッパーモード）

右クリックから「検証」選択
上がHTML・下がCSS（Style）
カーソルアイコンをクリックして色がグレーかから青に変える
見たい画面上でクリックすると該当部分のコードが表示される
▼をクリックすると隠れた部分が展開される

HTMLを編集する

カーソルアイコンを青にした状態で編集したい画面上をクリック
<p>…</p>などが表示されたら右クリックして「Edit as HTML」を選択
HTML編集フォームが表示される
文字を編集フォームに入力し、「Ctrl」＋「Enter」
タグの変更も可能

CSSの編集

CSS欄右上の:hovをクリックすると「Force element state」が表示される
該当文字をクリックすると編集できるようになる
入力Enterで変更可能

CSSの追加

CSS欄右上の:hov .cls +の＋をクリック
失敗しても＋を押すところからやり直すこと