Javascript 如何在移动视图中隐藏某些导航链接？

我从我的电脑上复制了这个菜单。我编辑了一些内容（将三个链接浮动到右侧，并更改了一些颜色）

桌面视图：

移动视图：

但是，正如你所看到的，项目链接显示在移动视图中，这不是我想要的。如何禁用该项目链接？我已经在CSS中尝试了一些类似：：not（：first child）的东西

这是我的密码：

函数jsnav（）{
var x=document.getElementById（“js nav”）；
如果（x.className==“nav”）{
x、 类名+=“响应”；
}否则{
x、 className=“nav”；
}
}

正文{
保证金：0；
填充：0；
字体系列：“helvetica neue”，无衬线；
}
导航{
溢出：隐藏；
背景色：#333；
}
导航a{
浮动：左；
显示：块；
颜色：#F2F2；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
字号：17px；
}
导航a：悬停{
颜色：白色；
}
.主动{
背景色：淡蓝色；
颜色：白色；
}
导航图标{
显示：无；
}
.向右浮动{
浮动：对；
}
@媒体屏幕和屏幕（最大宽度：600px）{
导航a:not（：第一个子项）{display:none；}
导航a.图标{
浮动：对；
显示：块；
填充顶部：10px；
}
.向右浮动{
浮动：左；
}
}
@媒体屏幕和屏幕（最大宽度：600px）{
导航响应{位置：相对；}
导航响应图标{
位置：绝对位置；
右：0；
排名：0；
}
导航a{
浮动：无；
显示：块；
文本对齐：左对齐；
}
}
主要{
填充：40px 40px 20px 80px；
}
@仅介质屏幕和（最大宽度：800px）{
主要{
左侧填充：40px；
右边填充：40px；
}
}

CSS导航HTML&；CSS JS
知识产权是一种权利，是一种精英的权利，是劳动和财富的暂时性权利。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡。

我不会详细说明为什么在布局中使用

float

是一种不好的做法。您应该研究其他解决方案，如著名且使用量非常大的

flexbox

你可以在这里或其他网站上阅读

那么，回到你的问题上来。解决方法是将它们全部隐藏起来

。将{display:none}

右浮动，然后在需要时再次显示它们。据我所知，

nav

将具有class

responsive

因此，当nav具有该class

nav.responsive.float right a{display:none}

函数jsnav（）{
var x=document.getElementById（“js nav”）；
如果（x.className==“nav”）{
x、 类名+=“响应”；
}否则{
x、 className=“nav”；
}
}

正文{
保证金：0；
填充：0；
字体系列：“helvetica neue”，无衬线；
}
导航{
溢出：隐藏；
背景色：#333；
}
导航a{
浮动：左；
显示：块；
颜色：#F2F2；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
字号：17px；
}
导航a：悬停{
颜色：白色；
}
.主动{
背景色：淡蓝色；
颜色：白色；
}
导航图标{
显示：无；
}
.向右浮动{
浮动：对；
}
@媒体屏幕和屏幕（最大宽度：600px）{
.向右浮动{
显示：无；
}
导航a.图标{
浮动：对；
显示：块；
填充顶部：10px；
}
.向右浮动{
浮动：左；
}
}
@媒体屏幕和屏幕（最大宽度：600px）{
导航响应{
位置：相对位置；
}
导航响应图标{
位置：绝对位置；
右：0；
排名：0；
}
导航a{
浮动：无；
显示：块；
文本对齐：左对齐；
}
导航响应，向右浮动{
显示：块；
}
}
主要{
填充：40px 40px 20px 80px；
}
@仅介质屏幕和（最大宽度：800px）{
主要{
左侧填充：40px；
右边填充：40px；
}
}

知识产权是一种权利，是一种精英的权利，是劳动和财富的暂时性权利。但是，在最低限度上，我们需要一个实验室来进行日常工作。二人世界
这是一种令人厌恶的行为，因为它是一种不平等的行为。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡。

那么您想隐藏该项目链接？所以所有来自浮动右键的链接都应该隐藏？是的，这是正确的，只有当按下汉堡包按钮时，浮动右键链接才应该可见