IE8開發工具 - 添加CSS樣式

Question

我使用FireFox中的Web Developer Toolbar來測試CSS編輯。我想在IE中做同樣的事情，我可以用IE8的開發工具做到這一點。

但是我不能添加風格的開發工具，只有編輯現有樣式 - 是否有任何你們知道的一種方式來編輯CSS一樣可以與克里斯Pedericks網頁開發工具呢？

Answer 1

您可以：

• 添加樣式屬性（右鍵單擊HTML標籤，然後單擊添加屬性（名稱樣式，然後編輯樣式屬性一旦其添加）
• 單擊CSS標籤，右鍵單擊空白區域，並增加一條規則（這就像添加一行到你的CSS文件）

Answer 2

我現在在我的Mac上，但我還記得遇到過這種情況。

查看開發人員工具的右側時，您會看到CSS樣式列表。在上面你會看到一些'選項卡'：樣式，跟蹤樣式，佈局，屬性。如果我沒有記錯，你不能在樣式選項卡中更改它們。但是您可以在其他選項卡中更改它們。您可能必須通過風格屬性來編輯它們。

Answer 3

你可以嘗試firebug lite但它是一個小的工作得到它的設置。

Answer 4

添加到Gabriel上面提到的內容。

爲了快速添加測試和看到效果，我做了一點不同。

選中HTML選項卡後，選擇Style，Trace Styes和Layout旁邊的「Attributes」面板。

單擊「+」按鈕，開始輸入您想要添加的CSS樣式。新的樣式屬性會自動添加到DOM視圖面板中。

希望這會有所幫助。

Answer 5

遵循以下步驟： 1.單擊工具開發商2. 在HTML中選擇元素您要添加CSS 3.選擇屬性選項卡出現在右側 4.添加名稱和值。 檢查你的風格是否適用於html元素。