title: D3 tree/cluster diagram - changing node text color
body: <p>I would like to have diagram similar to this one: (the most important part is that I would like to have node text displayed in several colors; it doesn't matter whether the diagram is tree or cluster)</p>
  
  <p><a href="https://i.stack.imgur.com/L01KC.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/L01KC.png" alt="enter image description here"></a></p>
  
  <p>This is a test example:</p>
  
  <p><a href="http://jsfiddle.net/fjhudd3w/1/" rel="nofollow noreferrer">jsfiddle</a></p>
  
  <p><a href="https://i.stack.imgur.com/SZOCz.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/SZOCz.png" alt="enter image description here"></a></p>
  
  <p>I tried changing text color via <code>CSS</code>, and within <code>JavaScript</code> code, bit it always remains black. Why?</p>