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

Question

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

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

Answer 1

我使用IE9来实现这一目标。

1. 打开要在IE9中抓取样式的页面
2. 按F12显示开发人员工具栏
3. 在开发人员工具栏中按查找并选择“通过点击选择元素”
4. 然后转到“查看”＆gt; “来源”并选择“带风格的元素来源”

Answer 2

我不了解Firebug，但您可以构建一个脚本来完成它。

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

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

Answer 3

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

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

和css将是

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