Html 如何显示；主动的；而不是",；第一个孩子；？

我还在这里学习css和html:p不管怎样，我从这个网站上得到了这段代码，也许你们都很熟悉

...
    @media screen and (max-width:680px) {
      ul.topnav li:not(:first-child) {display: none;}
      ul.topnav li.icon {
        float: right;
        display: inline-block;
      }
    }
...

---

我想展示的是活动的而不是第一个孩子

可以通过在中添加类活动的:not来完成

@media screen and (max-width:680px) {
      ul.topnav li:not(.active) {display: none;}
      ul.topnav li.icon {
        float: right;
        display: inline-block;
      }
}

但我想，在给定的示例中，活动类没有被添加到选定的项中

更新 请看这把小提琴：看看它是怎么做的。请注意，我在CSS中做了一些更改，包括jQuery并添加了一些javascript

CSS修改

li.active {
  background: red;
}

HTML修改 我没有将活动类赋予

a

标记，而是将其赋予

li

本身

<li class="active"><a href="#news">News</a></li>

---

这将激活所选菜单。

只需更改

:first child

的

:active

编辑

---

对不起，我没听懂你的意思。我正在制作一把小提琴来演示如何操作。

这是因为活动类没有添加到所选菜单项中。你应该先把它修好。如果您使用的是您在问题中提到的示例，您可能需要编写一些javascript代码。我刚才使用的代码与w3school给出的示例完全相同。已经有一个活动类请查看更新的答案@JaneDoe，如果您有任何疑问，请告诉我

$('#myTopnav li').click(function() {
  $('#myTopnav li').removeClass('active');
  $(this).addClass('active');
});