私のCSSがd3jsで動作しないのはなぜですか？

Question

私はd3jsの新機能です。私はCSSを作成する際に問題があります。ここに私の構文は次のとおりです。

私のcss

div.chart{ 
font-family:sans-serif; 
font-size:0.7em; 
} 
div.bar { 
background-color:DarkRed; 
color:white; 
height:3em; 
line-height:3em; 
padding-right:1em; 
margin-bottom:2px; 
text-align:right; 
} 

マイd3js

$("document").ready(function(){ 

    d3.json("https://api.myjson.com/bins/fwhm5",function(data){ 
    d3.select("body") 
     .append("div") 
      .attr("class","chart") 
     .selectAll(".bar") 
     .data(data.cash) 
     .enter() 
     .append("div") 
      .attr("class","div") 
      .style("width",function(d){return d.count/100 + "px"}) 
      .text(function(d){return Math.round(d.count)}) 


    }) 


}) 

CSSを除くすべてが働いています。ここ はcodepen URLは、DIV代わりにライン10上のバーの名前のクラスを作成することが

.append("div") 
     .attr("class","bar") 

Answer 1

.append("div") 
     .attr("class","div") 

です：

.attr("class","div") 

これは次のようになります。

.attr("class","bar") 

Answer 2

すべきではないhttps://codepen.io/anon/pen/VzLMzb