適用Iは、CSS（コード行108）でこれを有する

Question

軸の目盛りと行にCSS：

.domain { 
    fill: 'none'; 
    stroke-width: 0.7; 
    stroke: 'black'; 
} 

.tick { 
    fill: 'none'; 
    stroke-width: 0.7; 
    stroke: 'black'; 
} 

そして、このJavaScriptで（コードのライン358）：

// Add y axis with ticks and tick markers 
var axisPadding = 2; 
var leftAxisGroup = svg 
    .append('g') 
    .attr({ 
     transform: 'translate(' + (margin.left - axisPadding) + ',' + (margin.top) + ')', 
     id: "yAxisG" 
    }); 
var axisY = d3.svg.axis() 
    .orient('left') 
    .scale(yScale); 
leftAxisGroup.call(axisY); 

スタイルが適用されないのはなぜですか？適用方法を確認するにはどうすればよいですか？

完全なスクリプトとコンテキストはここにある：https://plnkr.co/edit/aSgNLb?p=preview

Answer 1

上記CSSキーワード値が識別子であり、彼らは引用符なしであるとして使用する必要が

selector { 
    fill: none; /* no quotes */ 
    stroke: black; /* no quotes */ 
} 

---

に変更することができ。引用符の中に置かれた場合、これらの文字列は、そのプロパティの値定義の下では意味を持ちません。したがって、UA /ブラウザによって有効であると解析されません。

CSSの仕様：
Textual Values & strings：

識別子を引用符で囲むことはできません。それ以外の場合は、文字列として解釈されます。

_{脚注：SVGの塗りと線のプロパティ：https://www.w3.org/TR/SVG/painting.html#SpecifyingPaint}