Posted at

擬似クラスのスタイルを確認するのに便利な機能

More than 5 years have passed since last update.


やり方


  • Elementsパネルで擬似クラスを付けたい要素を右クリック

  • Force Element Psuedo States → [:avtive, :hover, :focus, :visited] から選択

スクリーンショット 2014-04-15 21.36.45.png

もしくは


  • 要素を選択

  • Stylesパネルの右上、+の横の矢印をクリック

  • [:avtive, :hover, :focus, :visited] から選択

スクリーンショット 2014-04-15 21.37.31のコピー.png

擬似クラスをつけた要素はElementsパネルに目印としてオレンジ色の●がつきます。

スクリーンショット 2014-04-15 21.37.46.png


だいぶ前からあった機能なのに最近知って震えてる:;(∩´﹏`∩);: