Javascript D3.classed（）使用多个选择器（版本4）

使用D3的版本4并尝试选择第三个项目，删除项目类，并添加突出显示和更大的类。由于某些原因，未删除项类。还有什么建议

HTML代码

  <div class="container">
      <h2>D3 Graphic</h2>
      <section id="chart">
           <div class="item">Barot Bellingham</div>
           <div class="item">Hassum Harrod</div>
           <div class="item">Jennifer Jerome</div>
           <div class="item">Richard Tweet</div>
           <div class="item">Lorenzo Garcia</div>
           <div class="item">Xhou Ta</div>
      </section>
 </div>

---

编辑：对于v4。您可以编写一个函数，但这样更简单。

d3.选择全部（'.项：第n个子项（3）'））
.classed（'突出显示较大'，真）
.已分类（“项目”，错误）
。突出显示{
颜色：红色；
}
.项目{
字体大小：粗体；
}
.更大{
字体大小：24px；
}

D3图形
贝林厄姆男爵
哈苏姆哈罗德
詹妮弗·杰罗姆
理查德推特
洛伦佐·加西亚
胡塔
这是D3 3.x版。OP讲的是v4。是的，我正要提到这个语法是v3。有没有关于如何让它在v4中工作的想法？这看起来就像我在寻找的一样-非常感谢！现在看看语法是如何工作的就更有意义了。：）
d3.selectAll('.item:nth-child(3)')
.classed(
    'highlight', true,
    'item', false,
    'bigger', true
);