CSSセレクタを確認する方法を教えてください。

Google Chromeを使用してCSSセレクタを確認する手順は以下の通りです。

コンテンツを掲載したい前後の要素を右クリックし、表示されたメニューの中の検証を選択してください。これにより、開発者ツールが開きます。

開発者ツール内で、対象とする要素にカーソルを当てます。

該当の要素を右クリックし、「コピー」＞「selector をコピー」の順に操作します。これにより、CSSセレクタがクリップボードにコピーされます。