在Google Chrome开发者工具中获取所选元素的所有CSS规则

Question

21

在 Google Chrome 开发者工具中，您可以右键单击页面 HTML 中的元素，然后点击“复制元素”，将元素的 HTML 复制到剪贴板中。

有没有一种方法可以复制与该元素HTML相关的所有CSS规则？

- JasonDavis

2个回答

3

DOM浏览器中的“样式”和“计算”选项卡显示应用于所选元素的CSS规则。选择“检查元素”，然后打开“计算”选项卡，您将看到应用于特定元素的所有CSS列表。

您还可以检查此链接以导出DOM元素的CSS。

有关多个浏览器的更多信息，请查看LINK。它可能会对您有所帮助。

- Nimish

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Gerard · Accepted Answer

请安装 Chrome 扩展程序“CSS Used”。安装完成后，您可以在屏幕右侧获得一个名为“CSS used”的额外选项卡。该扩展程序也可通过GitHub获取。

作为替代方案，您还可以尝试使用SnappySnippet。