アイコンが表示されていても表示されるのはなぜですか?表示要素:まだ表示されていませんか?
.toc.item {
display: none;
}
<a class="toc item"><i class="sidebar icon"></i></a>
アイコンが表示されていても表示されるのはなぜですか?表示要素:まだ表示されていませんか?
.toc.item {
display: none;
}
<a class="toc item"><i class="sidebar icon"></i></a>
@GCyrillusに加えて、アイコンを右クリックしてブラウザで「要素を検査」を選択することをお勧めします。あなたのコードを探してください。それが何かを介してストライキされている場合は、あなたのコードを上書きしています。何が邪魔になっているかを見るために叩かれていないディスプレイを探します。あなたのコードを見つけることができない場合、CSSファイルは適切にリンクされていません。
最初にあなたのコードを上書きするコードを上書きできない場合は、コードに!important
を追加することをおすすめします。
display: none !important;
ここに提供されているコードは動作します。 (実行スニペットをクリックすると表示されます)
私の推測では、.cssファイルの完全な内容を投稿していないし、ここで何をしているのと矛盾する別のCSSエントリがありますか?
コードに間違いはありません。 CSSが文書に正しくリンクされているかどうか、または別のルールがそれを上書きしているかどうかを確認してください。
あなたのCSSがあなたのドキュメントに正しくリンクされていないか、別のルールがこのドキュメントを上書きします。ここにあるように、それは正常に動作します –