一为导航怎么把主页菜单图标隐藏?并且不影响侧边栏

 

很多小伙伴不太像让主内容板块这边出现图标,下面这个代码可以帮到你。

 一为导航怎么把主页菜单图标隐藏?并且不影响侧边栏
.d-flex.flex-fill i, .site-tag.iconfont.icon-tag {
    display: none;
}

次级导航也会隐藏。

 

display代码知识

display什么意思?

在CSS中,display: none; 是一个非常重要的属性,它用来隐藏页面上的元素。当一个元素的 display 属性被设置为 none 时,该元素将不会在页面上显示,同时它也会从文档流中被完全移除,就像它根本不存在一样。这意味着:

  1. 元素不会占据任何空间,它的位置会被其他元素覆盖。
  2. 元素的尺寸变为0,即使它有内容或子元素。
  3. 元素的子元素也会被隐藏,并且不会影响页面布局。

使用 display: none; 可以用于多种情况,比如:

  • 隐藏不需要显示的元素,但保留其在DOM结构中的位置。
  • 通过JavaScript动态控制元素的显示和隐藏。
  • 用于响应式设计中,根据屏幕尺寸切换元素的显示状态。

例如,如果你有一个按钮或图片元素,你不希望它在页面加载时显示,你可以这样设置:

.hidden-element {
  display: none;
}

然后在HTML中:

<div class="hidden-element">这个元素在页面加载时是隐藏的。</div>

如果需要在某个时刻显示这个元素,你可以通过JavaScript改变它的 display 属性:

document.querySelector('.hidden-element').style.display = 'block';

这将使元素变为可见,并根据其CSS规则参与页面布局。