提取影响网页上的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

回答

相关问题