疑似クラスのトリガー

DevTools での疑似クラスのトリガー

たとえば、要素にカーソルを合わせたときに、その要素がどのように反応するかを調査するために、要素の疑似クラスをトリガーできます。[要素] パネルでノードを右クリックして、[要素の状態を強制] を選択できます。または、[スタイル] サブペインで [要素の状態を切り替える] アイコンをクリックします。

要素になんらかの状態が適用されると、ノードの開始タグの左側に小さなインジケーターが表示されます。また、場合によっては終了タグも(離れた場所にある場合)左側に表示されます。

トリガーできる疑似クラスは、active、focus、ホバー、訪問された疑似クラスです。