仅显示使用nth-child的第一,第二和最后一个孩子？

Question

是否可以仅显示使用nth-child的第一个,第二个和最后一个孩子？

代数表达式是什么？

即使在使用CSS选择器之后,我也无法解决这个问题.

Answer 1

你可以用多个:not伪类做这样的事情

ul li:not(:nth-child(1)):not(:nth-child(2)):not(:last-child) {
  display: none;
}

<ul>
  <li>First</li>
  <li>Second</li>
  <li>random</li>
  <li>random</li>
  <li>random</li>
  <li>Last</li>
</ul>