多css伪类

我想知道这样做的正确语法是什么：

@media only screen and (max-width: 780px){
    .header-toolbar-contact:nth-child(1){
        display: none !important;
    }
    .header-toolbar-contact:nth-child(2){
        display: none !important;
    }
}

我试过这个：

@仅媒体屏幕和（最大宽度：780px）{
.header工具栏联系人：非（.header工具栏联系人：第n个子项（3））{
显示：无！重要；
}
}

但似乎不起作用。

---

我的问题是：如何在一个声明中使用多个伪类。好像它是“嵌套的”。

用逗号分隔类名：

@media only screen and (max-width: 780px){
    .header-toolbar-contact:nth-child(1),
    .header-toolbar-contact:nth-child(2) {
        display: none !important;
    }
}

---

Css允许多个选择器对逗号分隔的选择器使用相同的规则。您可以随意使用。

而不是将完整的类名传递给

：not（）

只需传递

：第n个子（3）

。标题工具栏联系人：非（：n个子项（3））{
显示：无；
}

首先
第二
第三个

还有一个关于！重要的。这真的是万不得已的事情，如果它必须存在的话，它在另一个地方出了问题。这是因为我正在处理Wordpress子主题，所以我必须覆盖它的一些类。我已经知道逗号技术，但不知道为什么我没有这么做：）我的问题是如何“嵌套”多个伪类。啊，我明白了。有时候！重要是一个必要的缺点。你错过了逻辑，我相信作者希望子1和2有display:none，而子3应该是display:block或其他东西是的，应该只显示子3，但问题不是如何做到这一点，而是如何在一个声明中使用多个伪类。