在网页上提取影响DIV的整个CSS

Question

我希望提取影响突出显示的div的整个CSS。对于复杂的设计，CSS由许多类组成，这些类添加了一些CSS。寻找一种能够剥离并且可能将所有这些结合在一起的技术，例如Inspect Element，但更清洁。

例如，在此Adobe体验页面（http://www.adobe.com/uk/products/experience-design.html）上。我希望选择文章div“用户体验的新体验”。然后拉出所有影响其中所有内容的CSS。

有一个ExtractCSS工具可以做类似的事情，但寻找更直观的东西。这也忽略了所有的删除线。

Answer 1

最简单的方法是：

• 在开发者工具中选择您的元素
• 在Js控制台上运行window.getComputedStyle($0).cssText

其中$0表示当前选定的DOM元素。

另一方面，如果您想要定位具有给定类的特定元素，则执行
window.getComputedStyle( document.getElementsByClassName('hero2-align-2 hero2-basis-0')[0] ).cssText
按类名查询元素可能会返回多个元素，[0]可以保证只处理一个元素。

或者通过id
window.getComputedStyle( document.getElementById('yourID') ).cssText