LoginSignup
7
8

More than 5 years have passed since last update.

@nakajmg(じまぐ)

CSSの擬似要素のデバッグ

Posted at

※Canaryで確認。Stableはまだ (2013/11/08)

Chrome(Canary)のDevToolsでCSSの::beforeとか::afterとかの擬似要素がElementsパネルに表示されるようになった。

以前はElementsパネルに表示されず、Stylesのとこを見るしかなかった

stable.png

それがElementsパネルに直接表示されるようになって、どこに擬似要素が挿入されてるかひと目でわかるようになった。
クリックすれば擬似要素がハイライトされるようにもなってる。

canary.png

パッと見でわかる＋選択できるようになったことで作業しやすくなった。

Chromeサイコー

7
8
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
Sign upLogin
7
8