強調表示されているdivに影響するCSS全体を抽出したいと思います。複雑なデザインでは、CSSはいくつかのCSSを追加する多くのクラスで構成されています。 Inspect Elementのように、これらをまとめて結合するテクニックを探していますが、クリーナーです。Webページ上のDIVに影響を及ぼすCSS全体を抽出
たとえば、このAdobeエクスペリエンスページ（http://www.adobe.com/uk/products/experience-design.html）。私は記事のdivを選択したいと思う "ユーザーエクスペリエンスの新しい経験。クラス内のすべてのCSSに影響を与えるすべてのCSSを取り除きます。
同様のことをするExtractCSSツールがありますが、もう少し直感的なものを探しています。それはすべての取り消し線も無視します。
最も簡単な方法は次のとおりです。
window.getComputedStyle($0).cssTextをあなたの要素を選択$0は、現在選択されているDOM要素を表し。代替で
、あなたが与えられたクラスに特定の要素をターゲットにしたい場合は、1つの以上の要素を返す可能性があり、クラス名で要素を照会
window.getComputedStyle(document.getElementsByClassName('hero2-align-2 hero2-basis-0')[0]).cssText
を行い、[0]は一つだけが処理される保証することがあります。
またはIDで、示唆見つけるかお勧めの本、ツール、ソフトウェアライブラリ、プラグイン、チュートリアル、技術を説明したり、他のオフサイトのリソースを提供することが求め
window.getComputedStyle(document.getElementById('yourID')).cssText
Inspectでクリックして記事を強調表示し、コンソールでをクリックし、引数リストの後に "Uncaught SyntaxError：missing"を返す "window.getComputedStyle（hero2-align-2 hero2-basis-0）.cssText"を試しました " – me9867
@ merch89 '$ 0'と入力してくださいクラスの代わりに。 'window.getComputedStyle（$ 0）.cssText'と入力してください。 –
@ merch89ドルのゼロが意味することを理解するには、コンソールに '$ 0'と打ち込んで、別の要素を選択してもう一度入力し、別の要素を選択してもう一度入力してください... –
質問はオフですスタックオーバーフロースタックオーバーフローのトピック –
[要素に適用されるすべてのCSSルールを検索]の可能な複製（http://stackoverflow.com/questions/2952667/find-all-css-rules-that-apply-to-an-要素） –