Firefox Developer Edition〜CSSユニークセレクタ？

Question

FireBugの「通常の」Firefoxでは、FireBugコンソールを開いて、要素を右クリックして「CSSパスをコピー」することができます。

これは、いつも私のCSSを書くためのユニークなCSSセレクタを取得するためにこのを使用していました。

このオプションは、FireFox Developer Edition（FireBug内蔵）では使用できません。この情報をクリップボードに取り込む別の方法はありますか？

編集：私がしたいことは

#widget-column-16 > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > p:nth-child(1)

です：私は右クリック>コピー>はCSSセレクタは、それが私を与えている知っている
#widget-column-16 .div-name .div-name .div-name .div-name p

Answer 1

要素の右クリック - >コピー - > CSSセレクター

あなたはこれをお探しですか？

Answer 2

"CSSパスをコピーする"が間違っていて、Firefox Developer Toolsでツールセットのオプションとしてご紹介したいと思います。

これは素晴らしいツールでしたが、私はまだそれを置き換える方法を見つけようとしています。

私が今までに見つけた唯一の回避策は、Google ChromeのInspectを使用することです。右クリック> [コピー]> [Xpathのコピー]オプションがあります。

コピーXpathは「Copy CSS Path」のようなきれいで清潔なCSSパスを作成しないため、スラッシュを削除して少し整える必要があります。

クラスや識別子も含まれていません。これはバマーです。

しかし、少なくとも、それはあなたが迅速などの「HTMLのボディのdiv」で始まるパス全体をコピーする方法を提供します