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

Question

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

View full size image

我的问题是，有没有办法复制与该元素HTML相关的所有CSS规则？

Answer 1

将Chrome扩展程序"CSS Used"添加到您的浏览器中。安装完成后，您将获得一个额外的选项卡＆＃34; CSS使用＆＃34;在屏幕的右侧。该扩展程序也可通过github获得。

您也可以尝试SnappySnippet作为替代方案。

Answer 2

DOM Explorer中的样式和计算选项卡显示适用于所选元素的CSS规则。选择Inspect element，然后打开Computed标签，您将看到应用于特定元素的所有CSS列表。

您还可以查看此Export CSS for DOM elements

的链接

有关针对多个浏览器的问题的详细信息，请查看此LINK。它可能会对你有帮助。