nth-of-typeは2の後に何も表示されません

Question

どのように最初のものだけが表示されるべきですか？

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

は、第2のものだけを非表示にします。「最初のもの以外のすべてを隠す」とはどうですか？

Answer 1

:first-childの:notセレクタを使用できます。

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

OR

あなたは:first-childセレクタを使用して最初の要素を選択し、それをdisplay:block;の性質を与えることができます。そして、他の要素

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