Element mit Anzeige: keine sichtbar?

Question

Warum ist das Symbol auch bei Anzeige noch sichtbar: keine?

.toc.item { 
 
    display: none; 
 
}

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

Answer 1

Zusätzlich zu @GCyrillus möchte ich vorschlagen, mit der rechten Maustaste auf das Symbol und wählen Sie "inspect element" im Browser. Suchen Sie nach Ihrem Code. Wenn etwas durchgestrichen ist, überschreibt es den Code. Suchen Sie nach einem Display, das nicht durchgestrichen ist, um zu sehen, was es vermasselt. Wenn Sie Ihren Code nicht finden können, ist die CSS-Datei nicht richtig verknüpft.

Wenn Sie Probleme haben, den Code außer Kraft zu setzen, der Ihren ersten Satz überschreibt, möchten Sie vielleicht !important zu Ihrem Code hinzufügen.

display: none !important; 

Answer 2

Die hier zur Verfügung gestellten Code funktioniert. (Sie können dies sehen, wenn Sie auf run snippet klicken)

Meine Vermutung ist, dass Sie nicht den vollständigen Inhalt Ihrer .css-Datei gepostet haben und dass Sie einen anderen css-Eintrag haben, der dem widerspricht, was Sie hier tun.

Answer 3

Nichts ist falsch mit Ihrem Code. Überprüfen Sie, ob Ihr CSS korrekt mit Ihrem Dokument verknüpft ist oder ob eine andere Regel es überschreibt.