如何編輯css選擇器來測試Firebug中的某些內容？

Question

如何編輯選擇器來測試Firebug中的某些東西？

alt text http://shup.com/Shup/365060/1105167712-My-Desktop.png

例如，如果我想測試

這

#Homepage #thirdCol a 

爲

#Homepage #thirdCol > a 

如何測試這樣的螢火

Answer 1

1. 右鍵單擊具有要更改
2. 從菜單中選擇
3. 在「樣式」選項卡「檢查元素」，找你要更改的選擇，選擇一個元素，點擊鏈接旁邊
4. 樣式表將打開，請單擊選擇器標籤並對其進行編輯。更改將立即申請

Answer 2

編輯HTML（使用FireBug）並添加一個新的樣式元素。

<style type="text/css"> 
#Homepage #thirdCol > a { 
... 
} 
</style> 

Answer 3

在Firebug中，選擇CSS標籤。

子欄現在將顯示：一個暫停按鈕，一個「編輯」控件和「第一個」CSS文件，位於向下箭頭旁邊。

單擊該向下箭頭以選擇適當的CSS文件 - 您可以在HTML/CSS視圖中標識該文件。

然後點擊「編輯」，您可以根據需要添加，更改，刪除或註釋CSS選擇器。

ETA：另請參見seanizer的答案。 Firebug's HTML +樣式窗格可直接鏈接到它顯示的樣式規則的可編輯源。

Answer 4

1. 在「#Homepage #thirdCol一個」右擊文本一次是在你的屏幕截圖
2. 選擇從上下文菜單中選擇「在CSS標籤檢查」。
3. 左鍵單擊一次「#Homepage #thirdCol一個」（的CSS標籤打開後）

你現在應該能夠編輯選擇。