Googleで選択した要素のすべてのCSSルールを取得するChrome Dev Tools
Google Chrome Dev Toolsで、ページHTMLの要素を右クリックして、Copy Elementをクリックして、 HTMLをクリップボードに追加します。
私の質問は、その要素のHTMLに関連付けられているすべてのCSSルールをコピーする方法はありますか？
ブラウザにChrome拡張機能 "CSS使用済み" を追加します。インストール後、画面の右側に[CSS使用済み]タブが追加されます。拡張機能 github からも利用できます。
SnappySnippet を代わりに試すこともできます。
DOMエクスプローラーの[スタイル]タブと[計算済み]タブには、選択した要素に適用されるCSSルールが表示されます。 Inspect elementを選択し、Computedタブを開くと、特定の要素に適用されたすべてのCSSのリストが表示されます。
このリンクで DOM要素のCSSをエクスポート も確認できます
複数のブラウザに関する質問の詳細については、これを確認してください [〜＃〜] link [〜＃〜] 。役立つかもしれません。