使用Firebug获取CSS元素的深层副本

Question

我使用Firebug检查网页的元素。在页面的右侧有一个“样式”选项卡，列出给定标签的所有CSS样式。这些CSS样式来自链接的CSS页面。

我想要做的是以某种方式复制一组div div与硬编码的CSS。这样我就可以复制和粘贴元素并拥有完全相同的样式。这可能与Firebug或其他工具有关吗？

Answer 1

我不知道Firebug，但你可以建立一个脚本来做到这一点。

列出您想要复制的CSS（您认为每个属性都需要使其可移植），然后在JS和getComputedStyle()中循环。然后构建一个;分隔列表property:value对，并将其分配给style属性（如果您的元素和所有子项）。

这看起来不是一件容易的事情 - 而且您无疑会遇到问题。

Answer 2

我不确定你到底想要做什么，但你是否尝试将相同的样式应用于多个元素（div）？如果是这样，你应该使用一个CSS类。所以，你的HTML将

<div class="myClass"></div> 
<div class="myClass"></div> 
<div class="myClass"></div> 

和CSS将

.myClass 
{ 
height:whatever; 
width:whatever; 
etc 
} 

Answer 3

我用IE9做到这一点。

1. 开放要抓住一个风格在IE9
2. 按F12显示开发工具栏
3. 在开发工具栏按下查找和“通过单击选择元素”
4. 然后去选择一个页面“查看”>“来源”并选择“带有风格的元素来源”