使用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. 然後去選擇一個頁面「查看」>「來源」並選擇「帶有風格的元素來源」