title: D3 .classed() Using multiple selectors (Version 4)
body: <p>Using version 4 of D3 and trying to select the third item, remove the item class, and add the highlight and bigger classes. For some reason the item class is not being removed. And suggestions? </p>
  
  <p>HTML Code  </p>
  
  <pre><code>  &lt;div class="container"&gt;
        &lt;h2&gt;D3 Graphic&lt;/h2&gt;
        &lt;section id="chart"&gt;
             &lt;div class="item"&gt;Barot Bellingham&lt;/div&gt;
             &lt;div class="item"&gt;Hassum Harrod&lt;/div&gt;
             &lt;div class="item"&gt;Jennifer Jerome&lt;/div&gt;
             &lt;div class="item"&gt;Richard Tweet&lt;/div&gt;
             &lt;div class="item"&gt;Lorenzo Garcia&lt;/div&gt;
             &lt;div class="item"&gt;Xhou Ta&lt;/div&gt;
        &lt;/section&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>D3 Code</p>
  
  <pre><code>d3.selectAll('.item:nth-child(3)')
  .classed(
      'highlight', true,
      'item', false,
      'bigger', true
  );
  </code></pre>