nth-of-type在2之后不显示任何内容

Question

我怎么能说只应该展示第一件事？

.box:nth-of-type(2) {
    display:none;}

只隐藏第二件事，我该怎么说＆＃34;隐藏除第一件之外的所有东西＆＃34;？

Answer 1

您可以将:not选择器与:first-child一起使用。

.box:not(:first-child){display:none;}

或

您可以使用:first-child选择器选择第一个元素，并为其指定display:block;的属性。并将display:none;属性添加到其他元素

.box:first-child{display:block;}