爲什麼一些CSS元素無法顯示在IE開發工具欄的CSS選項卡中？

Question

我注意到，在IE 8開發工具欄的CSS選項卡中，只有一些CSS元素出現。有誰知道爲什麼會發生？

例如，在CSS文件中，我可能有：

.A 
{ 
    cursor: pointer; 
    color: #09F; 
} 
.B 
{ 
    color: #999; 
} 
.C:hover 
{ 
    text-decoration: underline; 
} 

但IE8的開發工具欄將顯示：

.A 
{ 
    cursor: pointer; 
    color: #09F; 
} 
.C:hover 
{ 
    text-decoration: underline; 
} 

Answer 1

只是一個猜測，但也許你的文檔沒有任何.B項目，或者.B中的所有內容在任何地方被覆蓋，並且IE會將垃圾收集起來？或者，您可能正在從緩存中加載舊版本的CSS表單，並需要刷新它或清除緩存。

Answer 2

當我嘗試你的例子時，我沒有得到你所描述的結果。所有類都顯示在CSS選項卡下，即使它們不在頁面中使用。

僞類C:hover沒有顯示在使用它的元素的HTML樣式信息中，但在CSS選項卡下它顯示得很好。

如果你有一些不正確的CSS，例如省略＃在色彩的文字：

.B 
{ 
    color: 999; 
} 

這時如果頁面呈現在標準兼容模式下的風格被忽略，所以它自然不顯示在CSS選項卡下。 （如果頁面以怪癖模式呈現，瀏覽器會接受樣式事件，但它不正確，並且會顯示＃並添加。）