JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html lang="en">

  <head>
    <meta charset="UTF-8">
    <title>D3 Graphic</title>
    <script src="https://d3js.org/d3.v3.min.js"></script>
    <link rel="stylesheet" href="_/base.css">
    <link rel="stylesheet" href="style.css">
  </head>

  <body>
    <div class="container">
      <h2>D3 Graphic</h2>
      <section id="chart">
        <div class="item">Name 1</div>
        <div class="item">Name 2 of names</div>
        <div class="item">Name 3</div>
        <div class="item">Name 42 of names</div>
        <div class="item">Name 51</div>
        <div class="item">Name 62 of names</div>
      </section>
    </div>
    <script src="script.js"></script>
  </body>

</html>

JavaScript

d3.selectAll('.item:nth-child(3)')
  .style({
    'background': '#268BD2',
    'padding': '10px',
    'margin': '5px',
    'color': '#EEE8D5'
  })