提取影響網頁上的DIV的整個CSS

我希望提取影響突出顯示的div的整個CSS。通過複雜的設計，CSS由許多添加了某些CSS的類組成。尋找一種技術可以將所有這些結合在一起，例如Inspect Element，但更乾淨。提取影響網頁上的DIV的整個CSS

例如，在此Adobe體驗頁（http://www.adobe.com/uk/products/experience-design.html）上。我希望選擇文章div「用戶體驗的全新體驗」。然後抽出所有影響附加到類的內容的CSS。

有一個ExtractCSS工具可以做類似的事情，但是尋找更直觀的東西。這也忽略了所有的刪除線。

2016-09-16 me9867

問題，要求我們建議，查找或推薦一本書，工具，軟件庫，插件，教程，解釋技術或提供任何其他站外資源是摘主題爲堆棧溢出堆棧溢出 –

可能重複[查找所有應用於元素的CSS規則]（http://stackoverflow.com/questions/2952667/find-all-css-rules-that-apply-to-an-元素） – 2016-09-16 13:06:10

最簡單的方法是：

在開發工具JS的控制檯上選擇你的元素
運行window.getComputedStyle($0).cssText

其中$0代表當前選擇的DOM元素。

在可替代的，如果你想針對特定元素與給定的類，然後做
window.getComputedStyle(document.getElementsByClassName('hero2-align-2 hero2-basis-0')[0]).cssText
查詢類名可能返回多於1種元素的元素，在[0]是有保證只有一個被處理。

或辨識
window.getComputedStyle(document.getElementById('yourID')).cssText

來源

2016-09-16 10:26:47

單擊Inspect，然後突出顯示文章，然後單擊控制檯並嘗試「window.getComputedStyle（hero2-align-2 hero2-basis-0）.cssText」，它在參數列表「 – me9867

」之後返回「Uncaught SyntaxError：missing」 @ merch89請輸入'$ 0'而不是班級。你應該輸入'window.getComputedStyle（$ 0）.cssText'。 –

@ merch89要了解零美元的含義，只需在控制檯上輸入'$ 0'，選擇另一個元素，再次輸入，再次輸入，再次輸入... –

提取影響網頁上的DIV的整個CSS

回答

相關問題