我希望提取影响突出显示的 div 的整个 CSS。对于复杂的设计,CSS 由许多添加了一些 CSS 的类组成。寻找一种可以剥离并可能将所有这些连接在一起的技术,例如 Inspect Element 但更清洁。
例如,在这个 Adobe 体验页面 ( http://www.adobe.com/uk/products/experience-design.html ) 上。我希望选择文章 div“用户体验的新体验”。然后取出所有影响其中附加到类的所有内容的 CSS。
有一个 ExtractCSS 工具可以做类似的事情,但寻找更直观的东西。这也忽略了所有删除线。
最佳答案
最简单的方法是:
- 在开发者工具中选择您的元素
- 在 Js 控制台上运行
window.getComputedStyle($0).cssText
其中 $0
代表当前选中的 DOM 元素。
或者,如果你想用给定的类定位一个特定的元素,那么做
window.getComputedStyle( document.getElementsByClassName('hero2-align-2 hero2-basis-0')[0]).cssText
按类名查询元素可能会返回超过 1 个元素,[0]
用于保证只处理一个元素。
或者通过 id
window.getComputedStyle( document.getElementById('yourID') ).cssText
关于html - 提取影响网页上 DIV 的整个 CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39528698/