CSS :before セレクターを介して追加された要素を Chrome または FF Web インスペクターで検査し、計算されたスタイルを検査する (そしてその場で操作する) 方法はありますか?
セットアップは
li:before {
display: block;
width: 50px;
height: 50px;
position: absolute;
}
したがって、これは実際には HTML のないブロック要素ですが、調べてみると、関連する LI 要素のみが選択されます。「要素の状態を強制する」オプションも機能しません。これは、:hover などの相互作用状態に対してのみ有効で、:before に対しては有効ではありません