CSS覆蓋不起作用（d3對象）

我試圖將我在CSS基礎課程（codeschool）中學到的東西應用於樣式化我的d3對象，到目前爲止我還沒有弄清楚它的正確性。CSS覆蓋不起作用（d3對象）

我有一堆樣式我的圖表的CSS類。我有兩種類型的圖表，第二種類型我需要重寫一種顏色。

主要CSS（我沒有這個創建自己）

.horizon { 
    border-bottom: solid 1px #000; 
    overflow: hidden; 
    position: relative; 
} 

.horizon { 
    border-top: solid 1px #000; 
    border-bottom: solid 1px #000; 
} 

.horizon + .horizon { 
    border-top: none; 
} 

.horizon canvas { 
    display: block; 
} 

.horizon .title, 
.horizon .value { 
    bottom: 0; 
    line-height: 30px; 
    margin: 0 6px; 
    position: absolute; 
    text-shadow: 0 1px 0 rgba(255,255,255,.5); 
    white-space: nowrap; 
} 

.horizon .title { 
    left: 0; 
} 

.horizon .value { 
    right: 0; 
}

覆蓋CSS（對於我的第二類我需要一個不同的顏色）（這曾經是不斷變化的所有視野，horizon_small的第一個文件。這是壞的，我知道）

.horizon .horizon_small { 
    border-top: solid 1px #bdbdbd; 
    border-bottom: solid 1px #bdbdbd; 
}

運用這一位置：

d3.select("#mychart") 
    .selectAll(".horizon") 
    .data(data).enter().insert("div", ".bottom") 
    .attr("class", ["horizon", "horizon_small"]) // used to be "horizon_small" only

但它不起作用，不知道問題出在哪裏。

來源

2013-08-19 nevermind

你需要一個字符串來指定類，即'.attr（「類」，「地平線horizon_small 「）'。 –

好吧.selectAll（「。horizon.horizon_small」） .attr（「class」，「horizon horizon_small」）只考慮地平線而不是覆蓋 – nevermind

很多事情是錯誤的，我回到我的CSS筆記從教程

（1）在CSS文件中，以下方法適用horizon_small如果家長地平線

.horizon .horizon_small { 
    border-top: solid 1px #bdbdbd; 
    border-bottom: solid 1px #bdbdbd; 
}

雖然以下手段均適用地平線和horizon_small（這是正確的版本）

.horizon.horizon_small { 
    border-top: solid 1px #bdbdbd; 
    border-bottom: solid 1px #bdbdbd; 
}

接下來，感謝答案/意見，D3部分應該是這樣的：

d3.select("#mychart") 
    .selectAll(".horizon .horizon_small") 
    .data(data).enter().insert("div", ".bottom") 
    .attr("class", "horizon horizon_small")

來源

2013-08-19 19:18:24 nevermind

選擇器「.horizon .horizon_small」目標與一類‘horizon_small’內部（在一定程度上）的元素與類‘地平線’一些其他元件。如果你只想要兩個類的元素，選擇器應該是「.horizon.horizon_small」。

來源：http://www.w3.org/TR/CSS2/selector.html#class-html

來源

2013-08-19 16:50:49 ne8il

我這樣做.selectAll（「。horizon.horizon_small」）。數據（數據）。進入（）。插入（「格」，「.bottom 」） .attr（「類」，[ 「天涯」，「horizon_small」]），但沒有奏效。這是我用d3做的嗎？因爲它沒有應用任何風格。 – nevermind

CSS覆蓋不起作用（d3對象）

回答

相關問題