顯示元素：無仍然可見？

Question

爲什麼即使在顯示時圖標仍然可見：無？

.toc.item { 
 
    display: none; 
 
}

<a class="toc item"><i class="sidebar icon"></i></a>

Answer 1

除了@GCyrillus，我想建議右鍵單擊圖標，然後在瀏覽器中選擇「檢查元素」。尋找你的代碼。如果通過別的東西被覆蓋你的代碼。搜索一個沒有穿過的顯示，看看是什麼搞砸了。如果你找不到你的代碼，那麼css文件沒有正確鏈接。

如果您無法覆蓋首先覆蓋您的代碼，則可能需要將!important添加到您的代碼中。

display: none !important; 

Answer 2

這裏提供的代碼工作。 （你可以看到通過點擊運行代碼）

我的猜測是你沒有發佈你的.css文件的完整內容，並且你有另一個css條目與你在這裏做的事情相矛盾。

Answer 3

您的代碼沒有問題。檢查您的CSS是否正確鏈接到您的文檔，或者是否有其他規則覆蓋它。