通过chrome检查复制class / id的所有css属性 [英] Copying all css attributes of a class/id via chrome inspect

问题描述

我发现在设计的时候，有时候可以更容易的改变它们。 css通过检查找出正确的像素距离，而不是更改代码并刷新页面。

该功能是否存在？

解决方案

感谢steveax的评论我能找到答案，我将与您分享

一旦检查过的元素已经被编辑，进入sources选项卡并选择适当的CSS来定义该元素，编辑过的属性将出现在那里，您可以定期复制。

显然，从样式窗口直接复制会更舒服。

Is there a way to quickly copy all of the css code of the inspected element in google chrome?

I found that while designing, it's sometimes easier to change the css on-the-fly via inspect to figure out correct pixel distances, rather than changing in the code and refreshing the page.

Does that capability even exists?

解决方案

thanks to steveax's comment I was able to find the answer, which I will share with you

Once the inspected element has been edited, going to the sources tab and choosing the appropriate CSS where that element is defined, the edited attributes will appear there, which you can copy regularly..

Obviously, a copy straight from the style window would be more comfortable..

这篇关于通过chrome检查复制class / id的所有css属性的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！