Html 使用span类和媒体查询隐藏小视口上的文本

我曾尝试在css中使用媒体查询和

display:none

，在屏幕大小小于600px时隐藏导航栏文本的一部分

为什么不起作用-原始链接文本保留在任意屏幕宽度：

@所有媒体和（最小宽度：0.1px）和（最大宽度：599.9px）{
#黑帮{
显示：无！重要；
}
}

|
|

您在HTML中使用class

.mobhide

，在CSS中使用

#mobhide

，另外请避免使用

！重要信息

和

最大宽度：600px

单独一项即可满足您的需求

@介质和所有（最大宽度：600px）{
白鲸{
显示：无；
}
}

|
|

您在HTML中使用class

.mobhide

，在CSS中使用

#mobhide

，另外请避免使用

！重要信息

和

最大宽度：600px

单独一项即可满足您的需求

@介质和所有（最大宽度：600px）{
白鲸{
显示：无；
}
}

|
|

您使用的是ID选择器，但在HTML中您使用的是类选择器吗？将选择器更改为

.mobhide

您也可以将其放入CSS:

style=“width:1vw；display:inline block”

并将其从标记中取出，这是一个不同的span元素，仅在我的页面上出现两次：）您使用的是ID选择器，但在HTML中您使用的是类选择器吗？将选择器更改为

.mobhide

您也可以将其放入CSS:

style=“width:1vw；display:inline block”

并将其从标记中取出，这是一个不同的span元素，在我的页面上只出现两次：）当然！只需要正确地掌握CSS，谢谢。这也让我意识到，当我应该使用class时，我在其他地方错误地使用了id。当然！只需要正确地掌握CSS，谢谢。这也让我意识到，当我应该使用class时，我在其他地方错误地使用了id。