如何隐藏同一个类的第三个元素

Question

使用一个CSS代码，我想从两个代码中隐藏带有“ C”文本的“ li”元素。

我尝试了

.header.links .nav.item:nth-child(3)
{display:none!important;}

但是它不起作用

.header.links .nav.item:nth-child(3) {
  display: none!important;
}

<ul class="header links">
  <li class="greet welcome" data-bind="scope: 'customer'"> </li>
  <li class="nav item">A</li>
  <li class="nav item">B</li>
  <li class="nav item">C</li>
  <li class="nav item">D</li>
  <li class="nav item">E</li>
</ul>

预期答案应为 一种 乙 d E