显示元素：无仍然可见？

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是否正确链接到您的文档，或者是否有其他规则覆盖它。