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

Jas*_*vis 16 css google-chrome google-chrome-devtools

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

查看完整大小的图像


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

Ger*_*ard 15

将Chrome扩展程序"CSS Used"添加到您的浏览器中.安装完成后,屏幕右侧会显示另一个"CSS used"选项卡.扩展也可以通过github获得.

您也可以尝试使用SnappySnippet作为替代方案.

  • 资源的名称和简短描述将很有帮助。到目前为止,如果URL更改,您的答案将变得毫无价值。有了一些基本的信息/关键字,它至少是可搜索的。 (4认同)