Html 将内容设置为'；隐藏的'；默认情况下

我想在默认情况下将以下内容设置为隐藏。代码工作正常，但当您登录页面时，它会显示所有内容

.show{
显示：无；
}
.hide:focus+.show{
显示：内联；
}
.隐藏：聚焦{
显示：无；
}
.hide:focus~#list{
显示：无；
}
@媒体印刷品{
隐藏
.表演{
显示：无；
}
}

单击下面了解如何访问LearnHub和员工可用的服务


如何访问LearnHub
一,。单击Intranet主页上“业务系统”下的LearnHub按钮

如果希望ID为

列表的元素在页面加载时不可见，请在CSS中添加一个条目，将其
显示属性设置为
none

#list {display:none;}

您还需要添加许多现有CSS规则的对立面或补充，如下面的代码片段所示：


#列表{
显示：无；
}
.隐藏{
显示：无；
}
.show:focus+.hide{
显示：内联；
}
.节目：聚焦{
显示：无；
}
.show:focus~#列表{
显示：内联；
}
.hide:focus+.show{
显示：内联；
}
.隐藏：聚焦{
显示：无；
}
.hide:focus~#list{
显示：无；
}


如何访问LearnHub
一,。单击Intranet主页上“业务系统”下的LearnHub按钮

什么“内容”？
的所有子级？